Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Sencha User
    Join Date
    Oct 2008
    Posts
    9
    Vote Rating
    0
    rretzbach is on a distinguished road

      0  

    Default Displacement of Button text arranged in a RowLayout

    Displacement of Button text arranged in a RowLayout


    Hello,
    I have come across some weird rendering issue of Button texts involving RowLayout.

    Description in Text:
    When the application starts all Button texts are displaced and appear on the top of the browser window but with the correct horizontal position. When a user hovers over a single affected button the text is placed correctly on the button and remains there.
    Funny addition: When a user hovers over a Grid column header all displaced button texts are placed correctly.

    Description in Picture:
    button_label_displacement.png

    Workaround:
    Do not use RowData with -1 values

    Example Code:

    Code:
    import com.extjs.gxt.ui.client.widget.Layout;
    import com.extjs.gxt.ui.client.widget.LayoutContainer;
    import com.extjs.gxt.ui.client.widget.Text;
    import com.extjs.gxt.ui.client.widget.button.Button;
    import com.extjs.gxt.ui.client.widget.layout.AnchorLayout;
    import com.extjs.gxt.ui.client.widget.layout.RowData;
    import com.extjs.gxt.ui.client.widget.layout.RowLayout;
    import com.google.gwt.core.client.EntryPoint;
    import com.google.gwt.user.client.ui.RootPanel;
    
    public class Test implements EntryPoint{
        
        public void onModuleLoad() {
          // Do not remove the following two lines
          @SuppressWarnings("unused")
          Layout junk = new AnchorLayout();
          
          LayoutContainer container = new LayoutContainer();
          container.setLayout(new RowLayout());
          
          LayoutContainer buttonPanel = new LayoutContainer();
          buttonPanel.add(new Button("Press"));
          
          container.add(new Text()); // add some space above button
          container.add(buttonPanel, new RowData(1, -1));
          
          RootPanel.get().add(container);
        }
        
    }
    Hard facts:
    - GWT version: 2.0.0
    - GXT version: 2.1.1
    - Occurs in Dev mode, not testet in compiled/deployed mode
    - Occurs in IE6, FF 3.5, FF 3.6 (not tested in other browsers)
    - Windows XP Pro SP3 (client and server)
    Last edited by rretzbach; 22 Jul 2010 at 3:05 AM. Reason: Further simplyfied test case

  2. #2
    Software Architect
    Join Date
    Sep 2007
    Posts
    13,971
    Vote Rating
    132
    sven is a glorious beacon of light sven is a glorious beacon of light sven is a glorious beacon of light sven is a glorious beacon of light sven is a glorious beacon of light sven is a glorious beacon of light

      0  

    Default


    Works fine against 2.1.3 and GXT 2.2 beta 1 for me

Similar Threads

  1. Replies: 6
    Last Post: 12 Aug 2010, 9:40 AM
  2. [FIXED] FormPanel in a non active TabPanel: bad displacement
    By paolocavelli in forum Ext 3.x: Bugs
    Replies: 2
    Last Post: 12 Mar 2010, 10:36 AM
  3. form textfields arranged in a table
    By SunWuKung in forum Ext 2.x: Help & Discussion
    Replies: 1
    Last Post: 10 Mar 2009, 10:21 PM
  4. Replies: 0
    Last Post: 8 Nov 2007, 4:53 AM
  5. Button text align: Text under icon-button
    By behlma in forum Ext 1.x: Help & Discussion
    Replies: 1
    Last Post: 8 Jun 2007, 9:56 AM

Thread Participants: 1

Tags for this Thread