What's New?

[CLOSED] BpxSplitter question

  1. #1
    Jun 18, 2016, 7:41 PM

    [CLOSED] BpxSplitter question

    I have several questions about BoxSplitter operations. I have it working just fine in one of my applications, but having an issue with a new application. Here is a simple example:

    Why is the BottomPanel not collapsing from top to bottom?

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

<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!DOCTYPE html>
<html>
<head id="Head1" runat="server">
    <title>Simple BoxSplitter</title>
</head>
<body>
    <ext:ResourceManager runat="server" />
    <ext:Window runat="server" Height="400" Width="600">
        <LayoutConfig>
            <ext:VBoxLayoutConfig Align="Stretch" />
        </LayoutConfig>
        <Items>
            <ext:Panel runat="server" Title="Top Panel" Flex="1" Region="Center">
            </ext:Panel>
            <ext:BoxSplitter runat="server" Collapsible="true" CollapseTarget="Next" />
            <ext:Panel runat="server" Title="Bottom Panel" Height="150" CollapseDirection="Top"
                Collapsible="true">
            </ext:Panel>
        </Items>
    </ext:Window>
</body>
</html>
    Last edited by fabricio.murta; Jun 19, 2016 at 5:20 PM.
  2. #2
    Jun 19, 2016, 1:11 AM
    Please close the thread. I had to much caffeine and forgot about BorderLayout and Regions.

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

<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!DOCTYPE html>
<html>
<head id="Head1" runat="server">
    <title>Simple BoxSplitter</title>
</head>
<body>
    <ext:ResourceManager runat="server" />
    <ext:Window runat="server" Height="400" Width="600" Layout="BorderLayout">
        <Items>
            <ext:Panel runat="server" Title="Top Panel" Flex="1" Region="Center" />
            <ext:Panel runat="server" Region="South" Title="Bottom Panel" Height="150" CollapseDirection="Bottom"
                Collapsible="true" Split="true" />
        </Items>
    </ext:Window>
</body>
</html>
  3. #3
    Jun 19, 2016, 5:18 PM
    Hello,

    Well, for vbox layout, to get the 'animate down' behavior it would mean running layout updates every animation frame, thus it probably would get too slow. The items positioning in vbox layout are 'absolute' (not relative) so, only after changes, the top panel's bottom is 'flexed' down to the collapsed panel's top.

    I'd recommend, in this situation, disabling animations at all (AnimCollapse="False").

    A correct collapse animation could be attained if using the Border Layout but seems the boxSplitter has some issues with the layout, as the splitter component was designed to work with h/v box layouts only.

    I hope this helps!
    Fabrício Murta
    Developer & Support Expert
    Ext.NETASP.NET UI Component framework
    RetypeDocumentation website generator
    MojeeLightning fast Emoji library for .NET
    Ext.NET Examples|Ext.NET API Docs|ExtJS API Docs|Twitter
  4. #4
    Jun 19, 2016, 5:19 PM
    Hello Chris!

    haha glad your response was in accordance with my suggestion! Had the text typed here and just now sent it, didn't realize your own reply!

    Closing the thread.
    Fabrício Murta
    Developer & Support Expert
    Ext.NETASP.NET UI Component framework
    RetypeDocumentation website generator
    MojeeLightning fast Emoji library for .NET
    Ext.NET Examples|Ext.NET API Docs|ExtJS API Docs|Twitter

Similar Threads

  1. a question of ext.net
    By xiaoqiu in forum 2.x Help
    Replies: 1
    Last Post: Nov 07, 2013, 11:38 AM
  2. MVC / .Net Examples Question
    By OriCoder in forum 2.x Help
    Replies: 0
    Last Post: Jan 02, 2013, 7:04 PM
  3. Licensing Question
    By schellappa in forum Licensing
    Replies: 3
    Last Post: Dec 20, 2011, 2:06 PM
  4. A question about js run
    By wxmayifei in forum 1.x Help
    Replies: 7
    Last Post: Nov 27, 2010, 1:00 AM
  5. Question
    By sipo in forum Licensing
    Replies: 1
    Last Post: May 03, 2010, 1:20 PM

Posting Permissions