[CLOSED] FormPanel within TabPanel layout/style problems

  1. #1

    [CLOSED] FormPanel within TabPanel layout/style problems

    Hi there,

    There appears to be a layout/style bug when a tabpanel contains a panel which in turn contains a form panel:

    The code below works as expected but if you uncomment the textfield in the form, you can see that that styling and layout is broken... is there something incorrect about what I'm trying to do or is this a bug?

    <div>
        @using (Html.BeginForm("Edit", "Services", FormMethod.Post, new { id = "form1" }))
        {
    
            @(Html.X().ResourceManager()
                .Theme(Theme.Gray)
             )
    
            @(Html.X().Viewport()
                .Layout(LayoutType.Border)
                .Items(pn =>
                {
                    pn.Add(Html.X().TabPanel()
                        .Items(tp =>
                        {
                            tp.Add(Html.X().Panel()
                                .Title("BASIC DETAILS")
                                .Items(items =>
                                {
                                    items.Add(Html.X().FormPanel()
                                        .Cls("x-form-custom")
                                        .CollapsedCls("x-form-custom")
                                        .Title("BASIC SERVICE DETAILS")
                                        .BodyPadding(4)
                                        .Layout(LayoutType.Column)
                                        .AutoHeight(true)
                                        .ID("pnlBasicServiceDetails")
                                        .Buttons(buttons =>
                                        {
                                            buttons.Add(Html.X().Button()
                                                .DirectEvents(directEvents =>
                                                {
                                                    directEvents.Click.Url = "/Services/Clear";
                                                })
                                                .Text("Clear")
                                                .Icon(Icon.PageCancel));
    
                                            buttons.Add(Html.X().Button()
                                                .Listeners(listeners =>
                                                {
                                                    listeners.Click.Handler = "#{store1}.reload();#{pnlSearchForm}.collapse()"; 
                                                })
                                                .Text("Search")
                                                .Icon(Icon.PageGo));
                                        })
                                        .Items(t =>
                                        {
                                            //t.Add(Html.X().TextField()
                                            //    .FieldLabel("TEST LABEL"));
                                            
                                        }));
                                })
                            );
    
                            tp.Add(Html.X().Panel()
                                .Title("PAnel 2"));
    
                            tp.Add(Html.X().Panel()
                                .Title("PAnel 3"));
                            
                        }) 
                    );   
                
                })
            )
        }
    </div>
    Last edited by Daniil; Jun 26, 2012 at 9:20 PM. Reason: [CLOSED]
  2. #2
    Hi,

    BorderLayout requires a center region to be set up, please see the Notes here:
    http://docs.sencha.com/ext-js/4-1/#!...ntainer.Border

    So, please set up
    .Region(Region.Center)
    for the TabPanel.

Similar Threads

  1. [CLOSED] Accordion Layout Style Issue
    By softmachine2011 in forum 2.x Legacy Premium Help
    Replies: 4
    Last Post: Jun 25, 2012, 2:36 PM
  2. [CLOSED] changing style of TabPanel
    By rnfigueira in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Mar 01, 2012, 5:17 AM
  3. [CLOSED] Clone FormPanel (still got problems)
    By IanPearce in forum 1.x Legacy Premium Help
    Replies: 7
    Last Post: Nov 08, 2011, 2:16 PM
  4. Layout and Scrollbar Problems
    By w0rtez in forum 1.x Help
    Replies: 6
    Last Post: Oct 04, 2011, 3:00 PM
  5. Layout problems in IE
    By fquintero in forum 1.x Help
    Replies: 4
    Last Post: Feb 12, 2009, 5:24 PM

Posting Permissions