[CLOSED] Changing the style of menupanel

  1. #1

    [CLOSED] Changing the style of menupanel

    I have to get a menu with a white background like attached image

    http://forums.ext.net/showthread.php...ll=1#post33562

      <ext:MenuPanel ID="MenuPanel1" runat="server" Width="200">
                                <Menu ID="Menu1" runat="server">
                                    <Items>
                                        <ext:MenuItem ID="idClt_item" runat="server" Text="Ext.Net">
                                            <Listeners>
                                                <Click Handler="addTab(#{TabPanel1}, 'idClt', 'http://www.ext.net');" />
                                            </Listeners>
                                        </ext:MenuItem>
                                        
                                        <ext:MenuSeparator />
                                        
                                        <ext:MenuItem ID="idGgl_item" runat="server" Text="Google">
                                            <Listeners>
                                                <Click Handler="addTab(#{TabPanel1}, 'idGgl', 'http://www.google.com');" />
                                            </Listeners>
                                        </ext:MenuItem>
                                        
                                        <ext:MenuSeparator />
                                        
                                        <ext:MenuItem ID="idExt_item" runat="server" Text="ExtJS">
                                            <Listeners>
                                                <Click Handler="addTab(#{TabPanel1}, 'idExt', 'http://www.extjs.com');" />
                                            </Listeners>
                                        </ext:MenuItem>
                                    </Items>
                                </Menu>
                            </ext:MenuPanel>
    Attached Thumbnails Click image for larger version. 

Name:	macchine.jpg 
Views:	116 
Size:	93.2 KB 
ID:	1703  
    Last edited by geoffrey.mcgill; Nov 03, 2010 at 8:41 AM.
  2. #2
    Hi,

    Please look at the example.

    Example
    <%@ Page Language="C#" %>
    
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" 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 runat="server">
        <title>Ext.Net Example</title>
        <style type="text/css">
            .myClass div.x-menu {
                background-image: none;
                background-color: White;
            }
        </style>
    </head>
    <body>
        <form runat="server">
        <ext:ResourceManager runat="server" />
        <ext:MenuPanel runat="server" Width="200" Cls="myClass">
            <Menu runat="server">
                <Items>
                    <ext:MenuItem runat="server" Text="Ext.Net" />
                    <ext:MenuSeparator />
                    <ext:MenuItem runat="server" Text="Google" />
                    <ext:MenuSeparator />
                    <ext:MenuItem runat="server" Text="ExtJS" />
                </Items>
            </Menu>
        </ext:MenuPanel>
        </form>
    </body>
    </html>

Similar Threads

  1. Replies: 0
    Last Post: Mar 12, 2012, 7:26 AM
  2. [CLOSED] changing style of TabPanel
    By rnfigueira in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Mar 01, 2012, 5:17 AM
  3. Changing color or image of MenuItem inside MenuPanel
    By venu.sn2009 in forum 1.x Help
    Replies: 2
    Last Post: Jun 15, 2011, 10:02 AM
  4. [CLOSED] Accordin Active menupanel style
    By yobnet in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: May 27, 2010, 1:52 PM
  5. Replies: 5
    Last Post: Nov 02, 2009, 12:31 PM

Posting Permissions