Geek Answers Handbook

How to resize ext.net container with border mask in browser window

Below is the markup that I use to render the EXT.NET container containing the precast panel (west) and another panel containing my content (center).

How to make it resizable when I resize my browser?

it doesn’t currently resize, since I specified the width and height, and if I do not specify Width and Height , it does not show me anything, it shows an empty one.

  @Html.X().Container().Layout(LayoutType.Border).Width(500).Height(300).Items( Html.X().Panel() .ID("Panel1") .Region(Region.West) .AutoDoLayout(true) .Collapsible(true).Border(true).Title("West Panel").Items( Html.X().Label().Text("Item 1"), Html.X().Label().Text("Item 2") ), Html.X().Panel().ID("Panel2").Region(Region.Center).Title("Center") )

EDIT: I can't use ViewPort as distracting my layout

+5
source share
1 answer

I do not support the container of the container, but look. Use a viewport instead of a container

 @Html.X().Viewport().Layout(LayoutType.Border).Items( Html.X().Panel() .ID("Panel1") .Region(Region.West) .AutoDoLayout(true) .Collapsible(true).Border(true).Title("West Panel").Items( Html.X().Label().Text("Item 1"), Html.X().Label().Text("Item 2") ), Html.X().Panel().ID("Panel2").Region(Region.Center).Title("Center") )

another solution that I can imagine is to get a resize event and set the width and height of the container with the appropriate values

+1
source

More articles:


All Articles