If the
_pnl MinHeight is not set, the ViewPort is rendered properly.
1 - View
<ext:Panel ID="_pnl" PreventHeader="true" MinHeight="100" Border="false" runat="server">
<Loader ID="Loader1" Url="/Example/FuncAbc/" Mode="Component" AutoLoad="true" runat="server">
<LoadMask ShowMask="true" />
</Loader>
</ext:Panel>
2 - Action
public ContentResult FuncAbc()
{
Thread.Sleep(TimeSpan.FromSeconds(10));
ContentResult r = new ContentResult();
Viewport vwp = new Viewport
{
ID = "_vwp",
Border = false,
Layout = "BorderLayout",
};
Panel pnlCenter = new Panel
{
Title = "Center Region",
Icon = Icon.Application,
Html = "Content",
Border = false,
Collapsible = false,
Split = true,
Region = Region.Center
};
vwp.Items.Add(pnlCenter);
Panel pnlSouth = new Panel
{
Title = "South Region",
Icon = Icon.Application,
Html = "Content",
Border = false,
Collapsible = true,
Split = true,
Region = Region.South,
TitleCollapse = true,
Floatable = false,
Height = 300,
};
vwp.Items.Add(pnlSouth);
Panel pnlEastRoot = new Panel
{
Collapsible = true,
Border = false,
Floatable = false,
Split = true,
Frame = true,
TitleCollapse = true,
Layout = "accordion",
BodyStyle = "margin-top:-5px;",
Region = Region.East,
Width = 300,
MinWidth = 100,
Weight = 10
};
vwp.Items.Add(pnlEastRoot);
Panel pnlEast1 = new Panel
{
Title = "East 1",
Icon = Icon.Application,
Html = "Content",
Border = false,
Collapsible = true,
Flex = 1,
TitleCollapse = true
};
pnlEastRoot.Items.Add(pnlEast1);
Panel pnlEast2 = new Panel
{
Title = "East 2",
Icon = Icon.Application,
Html = "Content",
Collapsible = true,
Border = false,
Flex = 1,
TitleCollapse = true
};
pnlEastRoot.Items.Add(pnlEast2);
r.Content = ComponentLoader.ToConfig(vwp);
return r;
}