ICEmobile
  1. ICEmobile
  2. MOBI-384

TabSet no longer rendering correctly on iPhone

          Details

          • Type: Bug Bug
          • Status: Resolved
          • Priority: Major Major
          • Resolution: Fixed
          • Affects Version/s: 1.1 Final
          • Fix Version/s: 1.2 Beta
          • Component/s: None
          • Labels:
            None
          • Environment:
            IF 3.1.

            Description

            When viewing the the <mobi:tabSet> on my iphone, the tabs render at the bottom of the screen while the contentPanes are rendered at the top. Please see attached screenshots. Sample app attached. Source code snippet:

              Activity

              Ascending order - Click to sort in descending order
              Hide
              Permalink
              Tyler Johnson added a comment - - edited

              <mobi:deviceStylesheet/>
              ...............
              <mobi:tabSet autoWidth="true" currentId="#

              {tabBean.selectedTabPane}">
              <mobi:contentPane id="panelt1" title="Tab 1" client="true">
              <h:panelGroup id="panCont1">
              <fieldset title="Tab 1">
              .............
              </h:panelGroup>
              </mobi:contentPane>
              ..............

              was:
              When viewing the the <mobi:tabSet> on my iphone, the tabs render at the bottom of the screen while the contentPanes are rendered at the top. Please see attached screenshots. Sample app attached. Source code snippet:

              <mobi:deviceStylesheet/>
              .........
              <mobi:tabSet autoWidth="true" currentId="#{tabBean.selectedTabPane}

              ">
              <mobi:contentPane id="panelt1" title="Tab 1" client="true">
              <h:panelGroup id="panCont1">
              <fieldset title="Tab 1">
              <legend>Panel 1</legend>
              <h3>Header for panel 1</h3>
              <mobi:fieldsetGroup>
              <h3>Content Panel 1</h3>
              </mobi:fieldsetGroup>
              </fieldset>
              </h:panelGroup>
              </mobi:contentPane>

              Show
              Tyler Johnson added a comment - - edited <mobi:deviceStylesheet/> ............... <mobi:tabSet autoWidth="true" currentId="# {tabBean.selectedTabPane}"> <mobi:contentPane id="panelt1" title="Tab 1" client="true"> <h:panelGroup id="panCont1"> <fieldset title="Tab 1"> ............. </h:panelGroup> </mobi:contentPane> .............. was: When viewing the the <mobi:tabSet> on my iphone, the tabs render at the bottom of the screen while the contentPanes are rendered at the top. Please see attached screenshots. Sample app attached. Source code snippet: <mobi:deviceStylesheet/> ......... <mobi:tabSet autoWidth="true" currentId="#{tabBean.selectedTabPane} "> <mobi:contentPane id="panelt1" title="Tab 1" client="true"> <h:panelGroup id="panCont1"> <fieldset title="Tab 1"> <legend>Panel 1</legend> <h3>Header for panel 1</h3> <mobi:fieldsetGroup> <h3>Content Panel 1</h3> </mobi:fieldsetGroup> </fieldset> </h:panelGroup> </mobi:contentPane>
              Hide
              Permalink
              Tyler Johnson added a comment - - edited

              Setting parentHeader to true or false has no impact on the issue.

              Show
              Tyler Johnson added a comment - - edited Setting parentHeader to true or false has no impact on the issue.

                People

                • Assignee:
                  Philip Breau
                  Reporter:
                  Tyler Johnson
                • Votes:
                  0 Vote for this issue
                  Watchers:
                  1 Start watching this issue

                  Dates

                  • Created:
                    Updated:
                    Resolved: