What's New?

Menu + Toolbar

  1. #1
    Apr 08, 2010, 10:35 AM

    Menu + Toolbar

    Hi,

    Is it possible to add a Menu in a Panel and just below the Menubar add also a Toolbar?

  2. #2
    Apr 08, 2010, 3:35 PM

    RE: Menu + Toolbar

    How about defining the <FooterBar> in the <ext:MenuPanel>?

    Geoffrey McGill
    Founder
    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
  3. #3
    Apr 09, 2010, 4:37 AM

    RE: Menu + Toolbar

    Well,

    a MenuPanel is not exactly whay I need.

    I'm looking for a Toolbar with MenuItems into ToolbarButtons, and just below these menu items another Toolbar with only ToolbarButton items.

    I don't know if this layout is possible...

  4. #4
    Apr 09, 2010, 5:05 AM

    RE: Menu + Toolbar



    Hi,

    I finally find the way to do it...

    I have done something like this:

    <ext:FitLayout ID="FitLayout1" runat="server">
    <ext:Panel ID="ToolbarsPanel" runat="server" Border="false">
        <TopBar>
            <ext:Toolbar ID="TopBar" runat="server">
                <Items>
                    <ext:ToolbarButton ID="MenuButton2" runat="server" Text="File">
                        <Menu>
                            <ext:Menu ID="Menu1" runat="server">
                                <Items> 
                                    <ext:MenuItem ID="MenuItem1" runat="server" Text="New" />
                                    ...
                                </Items>
                            </ext:Menu>
                        </Menu>
                    </ext:ToolbarButton>     
                    <ext:ToolbarButton ID="ToolbarButton3" runat="server" Text="View">
                        <Menu>
                            <ext:Menu ID="Menu2" runat="server">
                                <Items>                                    
                                    <ext:MenuItem ID="MenuItem2" runat="server" Text="Copy" />
                                    ...
                                </Items>
                            </ext:Menu>
                        </Menu>
                    </ext:ToolbarButton>    
                </Items> 
            </ext:Toolbar>                     
       </TopBar>
        <Body>
             <ext:FitLayout ID="FitLayout2" runat="server">
                <ext:FormPanel ID="DetailsForm" runat="server" Border="false" Url="/Data/SaveCustomer/">
                    <TopBar>
                        <ext:Toolbar ID="Toolbar1" runat="server">
                            <Items>
                                <ext:ToolbarButton ID="ToolbarButton1" runat="server" Text="Save" Icon="Disk" />                            
                            </Items>     
                        </ext:Toolbar>                                  
                    </TopBar>
                    <Body>


                   </Body>
                </ext:FormPanel>    
            </ext:FitLayout>                                                                                 
        </Body>
        <BottomBar>


        </BottomBar>
    </ext:Panel>
</ext:FitLayout>
  5. #5
    Apr 09, 2010, 7:16 AM

    RE: Menu + Toolbar

    Hi again,

    If I add a Toolbar with menus and another Toolbar just below with buttons in the way I shown in my last post, then the first MenuItem is hiden by the ToolbarButtons?

    Any idea about how to solve this problem? Can I play with zIndex?

  6. #6
    Apr 09, 2010, 2:07 PM

    RE: Menu + Toolbar

    Hi Dominik,

    Your sample appears to work correctly for me. Can you post a full (but simplified) .aspx code sample demonstrating the full scenario. Which version of the Toolkit are you using?


    Geoffrey McGill
    Founder
    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
  7. #7
    Apr 12, 2010, 4:17 AM

    RE: Menu + Toolbar

    Hi,

    I'm attaching my MVC sample page...

    This page is opened in a window.

  8. #8
    Apr 14, 2010, 4:23 AM

    RE: Menu + Toolbar

    Hi again,

    In this sample, my MenuItems are cut at the top by the ToolbarButtons and also at the bottom by the TabPanel...

    How can I avoid this problem? May I use some other technique to implement this requirement?

  9. #9
    Apr 15, 2010, 4:35 AM

    RE: Menu + Toolbar

    Hi all,

    It seems that when I add an <ext:window> element to the window page where the Menu and Toolbar are, all works ok!

    If I open the window with the Menu and Toolbar using an static <ext:window> element, it also work ok!

    I'm opening all my windows dinamically via javascript, so this may be the problem...
    My windows are opened in this way:

    openWindow: function (url, config) {
    var w = new Ext.Window(Ext.apply({
        renderTo: Ext.getBody(),
        title: config.title,
        height: 800,
        width: 600,
        frame: true,
        resizable: true,            
        maximizable: true,
        minimizable: true,
        collapsible: true,
        autoLoad: {
            maskMsg: "Loading'" + config.title + "'...",
            showMask: true,
            mode: "iframe",
            url: url
        }
    }, config));
    w.on("minimize", function () { w.center(); }, w, { delay: 10 });
    w.show();
}
    Am I loosing some css or some other resource declaration when I create windows dinamically?

Similar Threads

  1. Toolbar Menu css style properties
    By garag in forum 1.x Help
    Replies: 1
    Last Post: Sep 30, 2011, 12:58 PM
  2. about toolbar menu
    By Egale in forum 1.x Help
    Replies: 7
    Last Post: Jul 12, 2011, 1:42 PM
  3. Access url from a Toolbar Menu
    By danilo in forum 1.x Help
    Replies: 3
    Last Post: Nov 10, 2010, 7:48 AM
  4. toolbar: drop down menu
    By Kamal in forum 1.x Help
    Replies: 3
    Last Post: Dec 22, 2009, 5:13 AM
  5. Toolbar menu click problem?
    By dbassett74 in forum 1.x Help
    Replies: 1
    Last Post: Apr 19, 2009, 2:55 AM

Posting Permissions