Multiple toolbars emulation
New Community Forums available at http://forums.ext.net
 

Coolite Forums

 Welcome Guest ( Login | Register )
 
Multiple toolbars emulation
Subscribe
Last Login: 7/5/2010 10:10:13 AM
Posts: 7,853,
Posted 12/29/2008 2:33:22 AM

Group: Core Development Team
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>
--
Vladimir Shcheglov
Coolite Inc.
Development Team
Forum Guidelines | Coolite Examples | Coolite API Docs | ExtJS API Docs | Twitter
Post Attachments
MulToolbars.png (167 views, 9.74 KB)

Permalink: Post #6189
Last Login: 3/3/2009 2:27:29 AM
Posts: 2,
Posted 3/1/2009 7:47:05 PM

Group: Coolite Early Adopter
 It's very userful to me , thank you!

Permalink: Post #9333
Last Login: 9/20/2009 8:38:56 AM
Posts: 326,
Posted 4/17/2009 5:37:55 PM

Group: Coolite Early Adopter
 I was looking for this as well.  Thanks!

Permalink: Post #11795
Last Login: 9/3/2009 8:57:18 AM
Posts: 1,
Posted 7/4/2009 8:40:36 AM

Group: Coolite Early Adopter
 userfull...

Permalink: Post #16186
Last Login: 7/26/2010 2:35:53 AM
Posts: 8,
Posted 9/24/2009 2:18:18 AM

Group: Coolite Premium Member & Early Adopter
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.

Permalink: Post #20302
« Prev Topic | Next Topic »
Reading This Topic
Active Users: 0 ( 0 guests, 0 members, 0 anonymous members )
No members currently viewing this topic.
All times are GMT -5:00, Time now is 8:43pm
 

Copyright © 2006-2010, Coolite Inc. All rights reserved.
Ext.NET™ and extnet™ are trademarks of Coolite Inc.