PDA

View Full Version : [CLOSED] RowLayout with Splitter inside BorderLayout



softmachine2011
May 21, 2012, 2:51 PM
Hi,

Based in this sample:

http://examples2.ext.net/#/Viewport/Basic/Built_in_Markup/

How could be added a RowLayout Panel (with an Splitter in each one) inside another one with BorderLayout?

This could be done in Ext.NET v1.X using RowLayout controls, but still we don't know how to do it with v2.

Here is a sample code:


<%@ Page Language="C#" %>

<%@ Register assembly="Ext.Net" namespace="Ext.Net" tagprefix="ext" %>

<!DOCTYPE html>

<html>
<head runat="server">
<title>Viewport with BorderLayout - Ext.NET Examples</title>
</head>
<body>
<ext:ResourceManager runat="server" />

<ext:Viewport runat="server" Layout="BorderLayout">
<Items>
<ext:Panel
runat="server"
Title="North"
Region="North"
Split="true"
Height="150"
BodyPadding="6"
Html="North"
Collapsible="true"
/>
<ext:Panel
runat="server"
Title="West"
Region="West"
Layout="AccordionLayout"
Width="225"
MinWidth="225"
MaxWidth="400"
Split="true"
Collapsible="true">
<Items>
<ext:Panel
runat="server"
Title="Navigation"
Border="false"
BodyPadding="6"
Icon="FolderGo"
Html="West"
/>
<ext:Panel
runat="server"
Title="Settings"
Border="false"
BodyPadding="6"
Icon="FolderWrench"
Html="Some settings in here"
/>
</Items>
</ext:Panel>
<ext:TabPanel runat="server" Region="Center">
<Items>
<ext:Panel
runat="server"
Title="Center"
Border="false"
BodyPadding="6"
Layout="VBoxLayout">
<LayoutConfig>
<ext:VBoxLayoutConfig Align="Stretch" />
</LayoutConfig>
<Items>
<ext:Panel runat="server" Split="true" Flex="1" />
<ext:Panel runat="server" Split="true" Height="100" />
<ext:Panel runat="server" Split="true" Flex="3" />
</Items>
</ext:Panel>
<ext:Panel
runat="server"
Title="Close Me"
Closable="true"
Border="false"
BodyPadding="6"
Html="Closeable Tab"
/>
</Items>
</ext:TabPanel>
<ext:Panel
runat="server"
Title="East"
Region="East"
Collapsible="true"
Split="true"
MinWidth="225"
Width="225"
Layout="Fit">
<Items>
<ext:TabPanel
runat="server"
ActiveTabIndex="1"
TabPosition="Bottom"
Border="false">
<Items>
<ext:Panel
runat="server"
Title="Tab 1"
Border="false"
BodyPadding="6"
Html="East Tab 1"
/>
<ext:Panel
runat="server"
Title="Tab 2"
Closable="true"
Border="false"
BodyPadding="6"
Html="East Tab 2"
/>
</Items>
</ext:TabPanel>
</Items>
</ext:Panel>
<ext:Panel
runat="server"
Title="South"
Region="South"
Split="true"
Collapsible="true"
Height="150"
BodyPadding="6"
Html="South"
/>
</Items>
</ext:Viewport>
</body>
</html>

Thanks in advance.

Vladimir
May 21, 2012, 3:34 PM
Use VBox layout and BoxSplitter
http://examples2.ext.net/#/Layout/HBoxLayout/Split/

softmachine2011
May 21, 2012, 4:07 PM
I think this control is not in our premium SVN version...

Parser Error Message: Unknown server tag 'ext:BoxSplitter'.

Vladimir
May 21, 2012, 4:10 PM
Just update from SVN

softmachine2011
May 21, 2012, 4:13 PM
With 2.0.0DP1 version updated, it is not working.

Vladimir
May 21, 2012, 4:16 PM
Please use
http://svn.ext.net/premium/branches/2.0

softmachine2011
May 22, 2012, 9:11 AM
Ok,

We will wait to the next Beta release in order to adapt all these changes to our new prototype.

Thank you.