1. #1
    Ext User
    Join Date
    Apr 2008
    Posts
    376
    Vote Rating
    0
    zaccret is on a distinguished road

      0  

    Default [CLOSED] Top component glitch in a framed FormPanel

    [CLOSED] Top component glitch in a framed FormPanel


    Env : Windows XP, GXT 1.0beta3, IE6, FF2/3
    When I set a top component on a "framed" (setFrame(true)) form panel (a toolbar, for example), the toolbar doesn't take all the panel width, and the bottom border is missing.
    Code:
        public void onModuleLoad() {
            Viewport viewport = new Viewport();
            final FormPanel panel = new FormPanel();
            panel.setFrame(true);
            panel.setHeading("Form panel");
            panel.setWidth(400);
            panel.setTopComponent(new ToolBar());
            final TextField<String> field = new TextField<String>();
            field.setFieldLabel("File");
            panel.add(field);
            viewport.add(panel);
            RootPanel.get().add(viewport);
        }

  2. #2
    Sencha - GXT Dev Team darrellmeyer's Avatar
    Join Date
    May 2007
    Location
    Washington, DC
    Posts
    2,242
    Vote Rating
    2
    darrellmeyer is on a distinguished road

      0  

    Default


    When "framing" the content has a margin, therefore, the toolbar will not take up the full width. The border needs to be applied to the body element the panel's children do not have a border themselves.

    public void onModuleLoad() {
    Viewport viewport = new Viewport();
    final FormPanel panel = new FormPanel();
    panel.setBodyStyle("border: 1px solid black");
    panel.setFrame(true);
    panel.setHeading("Form panel");
    panel.setWidth(400);
    panel.setTopComponent(new ToolBar());
    final TextField<String> field = new TextField<String>();
    field.setFieldLabel("File");
    panel.add(field);
    viewport.add(panel);
    RootPanel.get().add(viewport);
    }

  3. #3
    Ext User
    Join Date
    Apr 2008
    Posts
    376
    Vote Rating
    0
    zaccret is on a distinguished road

      0  

    Default


    Ok for toolbar width, but the toolbar looks bordered except for bottom. Take a look at the screenshot. Is that normal ?
    Attached Images

  4. #4
    Sencha - GXT Dev Team darrellmeyer's Avatar
    Join Date
    May 2007
    Location
    Washington, DC
    Posts
    2,242
    Vote Rating
    2
    darrellmeyer is on a distinguished road

      0  

    Default


    Yes, it looks normal and I provided a way for you to add the border in my previous post.

    Code:
         panel.setBodyStyle("border: 1px solid black");

Thread Participants: 1