Multiple toolbars emulation

  1. #1

    Multiple toolbars emulation

    Hi all,

    This simple example shows how to emulate multiple toolbars. Maybe someone will consider it useful

    <%@ Page Language="C#" %>
    <%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>
    
    <!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 id="Head1" runat="server">
        <title></title>    
    </head>
    <body>
        <form id="form1" runat="server">
            <ext:ScriptManager ID="ScriptManager1" runat="server" />        
            
            <ext:Panel runat="server" Title="Panel with multiple toolbars" Width="500">
                <Body>
                    <ext:ContainerLayout runat="server">
                        <ext:Toolbar runat="server">
                            <Items>
                                <ext:ToolbarButton runat="server" Icon="Accept"></ext:ToolbarButton>
                                <ext:ToolbarButton runat="server" Text="Top Button1"></ext:ToolbarButton>
                            </Items>
                        </ext:Toolbar>
                        
                        <ext:Toolbar runat="server">
                            <Items>
                                <ext:ToolbarButton runat="server" Icon="Bell"></ext:ToolbarButton>
                                <ext:ToolbarButton runat="server" Text="Top Button2"></ext:ToolbarButton>
                            </Items>
                        </ext:Toolbar>
                        
                        <ext:Toolbar runat="server">
                            <Items>
                                <ext:ToolbarButton runat="server" Icon="Anchor"></ext:ToolbarButton>
                                <ext:ToolbarButton runat="server" Text="Top Button3"></ext:ToolbarButton>
                            </Items>
                        </ext:Toolbar>
                        
                        <ext:Panel runat="server" Border="false" Height="300" BodyStyle="padding:6px;">
                            <Body>
                                Body
                            </Body>
                        </ext:Panel>
                        
                        <ext:Toolbar runat="server">
                            <Items>
                                <ext:ToolbarButton runat="server" Icon="Accept"></ext:ToolbarButton>
                                <ext:ToolbarButton runat="server" Text="Bottom Button1"></ext:ToolbarButton>
                            </Items>
                        </ext:Toolbar>
                        
                        <ext:Toolbar runat="server">
                            <Items>
                                <ext:ToolbarButton runat="server" Icon="Bell"></ext:ToolbarButton>
                                <ext:ToolbarButton runat="server" Text="Bottom Button2"></ext:ToolbarButton>
                            </Items>
                        </ext:Toolbar>
                        
                        <ext:Toolbar runat="server">
                            <Items>
                                <ext:ToolbarButton runat="server" Icon="Anchor"></ext:ToolbarButton>
                                <ext:ToolbarButton runat="server" Text="Bottom Button3"></ext:ToolbarButton>
                            </Items>
                        </ext:Toolbar>
                    </ext:ContainerLayout>
                </Body>
            </ext:Panel>
        </form>
    </body>
    </html>

  2. #2

    RE: Multiple toolbars emulation

    It's very userful to me , thank you!
  3. #3

    RE: Multiple toolbars emulation

    I was looking for this as well. Thanks!
  4. #4

    RE: Multiple toolbars emulation

    userfull...
  5. #5

    RE: Multiple toolbars emulation

    The mentioned solution works well.

    I had a situation where this solution worked was as following.


    viewport=> borderlayout


    In border layout north, requirements were
    1. toolbar 1=> it will contain dynamic menus and sub menus assocated with toolbar button (on left), dynamic buttons (on right).
    2. toolbar 2 => (optional),it will contain dynamic toolbar button.
    3. toolbar 3 => (optional),it will contain dynamic toolbar button.


    It works like cake.




Similar Threads

  1. Replies: 0
    Last Post: Feb 27, 2012, 5:26 AM
  2. Replies: 1
    Last Post: Aug 22, 2011, 5:54 PM
  3. [CLOSED] Multiple Editors - Multiple Instances?
    By jwf in forum 1.x Legacy Premium Help
    Replies: 5
    Last Post: Jun 09, 2011, 5:45 PM
  4. [CLOSED] Width of toolbars and headers on a Grid
    By wazige in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: May 07, 2010, 10:20 AM
  5. [CLOSED] Toolbars and Menus in extjs....
    By king1231986 in forum 1.x Help
    Replies: 1
    Last Post: Nov 06, 2008, 4:40 AM

Posting Permissions