LayoutColumn Resizing Issue

**cath he dash hai** · Oct 09, 2014, 2:58 PM

I created a panel under LayoutColumn and set size ColumnWidth 0.5... and i want to change its size 0.3 with ButtonClick...

Please Help ...

------------

  

<ext:ColumnLayout ID="ColumnLayoutZN" runat="server" Split="true" FitHeight="true">
                               <Columns>
                               <ext:LayoutColumn ColumnWidth="0.5"  >
                                  <ext:Panel ID="ZNPanel" runat="server" Layout="Fit"  Split="True" AnchorHorizontal="50%" />
                               </ext:LayoutColumn>
                                </Columns>
              </ext:ColumnLayout>

 
        protected void PanelResize(object sender, DirectEventArgs e)
        {

           ????

        }

**Daniil** · Oct 13, 2014, 3:35 PM

Hello,

Hope this helps.

Example

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Ext.NET Example</title>

    <script type="text/javascript">
        var relayout = function () {
            Panel1.columnWidth = 0.3;
            Panel2.columnWidth = 0.7;
            Container1.doLayout();
        };
    </script>
</head>
<body>
    <form runat="server">
        <ext:ResourceManager runat="server" />

        <ext:Container ID="Container1" runat="server" Height="100" Layout="ColumnLayout">
            <Items>
                <ext:Panel ID="Panel1" runat="server" Title="Column 1" ColumnWidth="0.5" />
                <ext:Panel ID="Panel2" runat="server" Title="Column 2" ColumnWidth="0.5" />
            </Items>
        </ext:Container>

        <ext:Button runat="server" Text="Relayout" Handler="relayout" />
    </form>
</body>
</html>

**cath he dash hai** · Oct 14, 2014, 7:22 AM

Thanks, it worked but i must set panelsize with cursor also.
How can i do that ?

**cath he dash hai** · Oct 14, 2014, 8:11 AM

solved with..
Thanks,

                            <ext:Container ID="Container1" runat="server" Split="True"  Layout="ColumnLayout" >
                            <Items>


                             <ext:ColumnLayout ID="ColumnLayout33" runat="server" Split="true" FitHeight="true">
                             <Columns>
							 
                             <ext:LayoutColumn >
                             <ext:Panel ID="ZNPanel" runat="server" Layout="Fit"  Split="True" ColumnWidth="0.5" />                         
                             </ext:LayoutColumn>
                    
                             <ext:LayoutColumn >
                             <ext:Panel ID="ZNZPanel" runat="server" Layout="Fit"  Split="True" ColumnWidth="0.5" />
                             </ext:LayoutColumn>
                     
                             </Columns>
                             </ext:ColumnLayout>

                            </Items>
                            </ext:Container>

Thread: LayoutColumn Resizing Issue

Thread Tools

Search Thread

Display

LayoutColumn Resizing Issue

Similar Threads

Layout Resizing on Browser Resizing (Ext.Net 2.x)

[CLOSED] Horizontal resizing GridPanel issue

[CLOSED] Layout resizing issue

[CLOSED] Resizing issue

[CLOSED] LayoutColumn.Width missing?

Posting Permissions

Sitemap

Downloads

Resources

Thread: LayoutColumn Resizing Issue

LayoutColumn Resizing Issue

Similar Threads

Posting Permissions

Sitemap

Downloads

Resources

Stay connected with us