Menu + Toolbar

  1. #1

    Menu + Toolbar

    Hi,

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

  2. #2

    RE: Menu + Toolbar

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

    Geoffrey McGill
    Founder & CEO
  3. #3

    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

    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

    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

    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 & CEO
  7. #7

    RE: Menu + Toolbar

    Hi,

    I'm attaching my MVC sample page...

    This page is opened in a window.

  8. #8

    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

    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