[CLOSED] Toolbar overlay error

Threaded View

Previous Post Previous Post   Next Post Next Post
  1. #1

    [CLOSED] Toolbar overlay error

    Support,

    v4.2.2

    Load this example and you can see then click the >> to see the rest of the toolbar. Notice bug#1 is the fact that the data is on a separate line instead of same line as label.

    Then expand the windows slightly to the right and then click the >> to see the rest of the toolbar. Notice bug#2 that the long label now overlaps the one beneath it incorrectly.

    Thanks,.
    /Z

    <%@ Page Language="C#" %>
    <!DOCTYPE html>
    <html>
    <head runat="server">
        <title>Image on Collapsed BorderLayout Region - Ext.NET Examples</title>
        <link href="/resources/css/examples.css" rel="stylesheet" />
            <script type="text/javascript">
            var test = function () {
                App.WestPanel1.collapse();
            };
    
        </script>
    </head>
    <body>
      <ext:ResourceManager ID="ResourceManager1" runat="server" IDMode="Explicit" >
            <Listeners>
                <DocumentReady Handler="test();" />
            </Listeners>
        </ext:ResourceManager>
        <h1>Image on Collapsed BorderLayout Region</h1>
        <ext:Window
            runat="server"
            Title="Collapsed Region Image"
            Icon="Application"
            Width="400"
            Height="350"
            Border="false"
            Closable="false"
            X="100"
            Y="100"
            Plain="true"
            Layout="BorderLayout">
            <Items>
                <ext:Panel ID="WestPanel1" 
                    runat="server" 
                    Title="Main Menu"
                    TitleCollapse="false"
                    Floatable="false"
                    Collapsed="false"
                    Region="West" 
                    Width="178"
                    Split="true"
                    Layout="FitLayout"
                    Collapsible="true">
    
                </ext:Panel>
                <ext:Panel runat="server" Region="Center" Title="Center region" >
                    <TopBar>
                                <ext:Toolbar  ID="ToolbarTimecard" runat="server" EnableOverflow="true" >
                                    <Items>
                                        <ext:Label ID="errrtert" runat="server" Html="<b>&nbsp;My Val:</b>" />
                                        <ext:Button ID="ertert" runat="server"  Icon="ResultsetPrevious">
       
                                        </ext:Button>
                                        <ext:ComboBox ID="eeeeee" 
                                            runat="server" 
                                            ForceSelection="true"
                                            TriggerAction="All"
                                            Width="170" 
                                            DisplayField="dates"
                                            QueryMode="Local"
                                            ValueField="id" 
                                            Editable="false" >
                                            </ext:ComboBox>
                                        <ext:Button ID="sfsdfsdf" runat="server" Icon="ResultsetNext">
     
                                        </ext:Button>
                                        <ext:ToolbarSeparator />
                                        <ext:Label ID="eee" runat="server" Html="<b>&nbsp;Test:</b>" />
                                        <ext:Label ID="rrr" runat="server" Html="Test" />
                                        <ext:ToolbarSeparator />
                                        <ext:Label ID="ttt" runat="server" Html="<b>&nbsp;Test2:</b>" />
                                        <ext:Label ID="yyy" runat="server" Html="Test2" />
                                        <ext:ToolbarSeparator />
                                        <ext:Label ID="uuu" runat="server" Html="<b>&nbsp;Test3:</b>" />
                                        <ext:Label ID="iii" runat="server" Html="Testing a pretty long string which looks like an overlap issue. Lets make it bigger" />
                                        <ext:ToolbarSeparator />
                                        <ext:Label ID="Label1" runat="server" Html="<b>&nbsp;Test4:</b>" />
                                        <ext:Label ID="Label2" runat="server" Html="Test4" />
                                        <ext:ToolbarFill />
                                    </Items>
                                </ext:Toolbar>
                            </TopBar>
                    </ext:Panel>
                <ext:Panel
                    ID="SouthPanel"
                    runat="server"
                    Region="South"
                    Collapsible="true"
                    MinHeight="100"
                    Split="true"
                    Height="100"
                    Title="Footer"
                    TitleCollapse="false"
                    Floatable="false"
                    Collapsed="true">
                    <Listeners>
                        <AfterRender Handler="this.setTitle('');" />
                        <BeforeCollapse Handler="this.setTitle('');" />
                        <BeforeExpand Handler="this.setTitle(this.initialConfig.title);" />
                    </Listeners>
                 </ext:Panel>
            </Items>
        </ext:Window>
    </body>
    </html>
    Last edited by fabricio.murta; Dec 26, 2017 at 2:54 PM.

Similar Threads

  1. [CLOSED] TextAreafield with an div overlay in front
    By Akpenob in forum 2.x Legacy Premium Help
    Replies: 5
    Last Post: May 09, 2014, 6:40 AM
  2. Replies: 4
    Last Post: Jun 10, 2013, 5:54 AM
  3. Replies: 4
    Last Post: Mar 30, 2012, 7:30 PM
  4. Error with the Paging Toolbar?
    By omeszar in forum 1.x Help
    Replies: 8
    Last Post: Mar 20, 2012, 10:56 AM
  5. Window overlay entire Portal page
    By JsonTerre in forum 1.x Help
    Replies: 1
    Last Post: Mar 28, 2011, 11:47 AM

Posting Permissions