Jun 23, 2012, 10:15 AM
[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?
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]