0 Replies Latest reply on Jul 2, 2012 1:38 PM by GrendelDeveloper

    How to refresh/redraw visuals in a mobile view

    GrendelDeveloper Level 1

      I have an issue with a list properly sizing itself.  Here's my basic layout:


      <s:Scroller width="100%" height="100%" >


              <!-- required b/c scroller can only handle one component -->

              <s:Group width="100%" >

                  <s:layout >

                      <s:VerticalLayout gap="0" />



                     <!-- text blocks -->

                     <s:List width="100%" id="textBlocks"




                          <s:VerticalLayout variableRowHeight="true" gap="0" horizontalAlign="justify"/>


                  </s:List >


                  <components:BBWHeaderSubComp label="Team Members"/>

                  <s:List width="100%"

                               dataProvider="{calendar.taskLogins}" />


      The issue is with how the list handles the test block area.  My custom renderer allows for multiple lines of text.  Let's assume I've got two "blocks" of text (two rows within the list each with multiple lines of text) as shown in the screen shot below.  If the first text block is larger than the second then the second block is drawn reserving the same height as the first.  As you can see below, the second block "ends" and there is still more space to make up for the difference in size.


      HOWEVER, if I make an orientation change (emulator or device) then the list instantly snaps everything to the right size. 

      before rotation.jpg


      Here is how it looks after the orientation change:


      after rotation.jpg


      So, how do I get the visuals to update via code as I can't just tell users to switch their orientation?  Thanks!