What's New?

Changing color or image of MenuItem inside MenuPanel

  1. #1
    Jun 09, 2011, 6:07 AM

    Changing color or image of MenuItem inside MenuPanel

    I have a MenuPanel and MenuItems within this menupanel , whenever i select an menuitem in menupanel i want the selected menuitem to be in different color or image(other than the color or image provided by coolite).How can i achieve this?.

    Please help me

    Thanks
    venu
  2. #2
    Jun 11, 2011, 8:22 PM
    Hi,

    Here you are.

    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">
        .x-menu.x-my-menu .x-menu-item-active {
            background-image: none;
            background-color:Red;
        }
    </style>
</head>
<body>
    <form runat="server">
        <ext:ResourceManager runat="server" />
        <ext:MenuPanel runat="server" >
            <Menu Cls="x-my-menu">
                <Items>
                    <ext:MenuItem Text="Item 1" />
                    <ext:MenuItem Text="Item 2" />
                </Items>
            </Menu>
        </ext:MenuPanel>
    </form>
</body>
</html>
  3. #3
    Jun 15, 2011, 10:02 AM

    [Closed]Changing color or image of MenuItem inside MenuPanel

    It Works...

    Thanks


    Quote Originally Posted by Daniil View Post
    Hi,

    Here you are.

    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">
        .x-menu.x-my-menu .x-menu-item-active {
            background-image: none;
            background-color:Red;
        }
    </style>
</head>
<body>
    <form runat="server">
        <ext:ResourceManager runat="server" />
        <ext:MenuPanel runat="server" >
            <Menu Cls="x-my-menu">
                <Items>
                    <ext:MenuItem Text="Item 1" />
                    <ext:MenuItem Text="Item 2" />
                </Items>
            </Menu>
        </ext:MenuPanel>
    </form>
</body>
</html>

Similar Threads

  1. [CLOSED] MenuPanel Get Selected MenuItem from client side (javascript)
    By logicspeak in forum 1.x Legacy Premium Help
    Replies: 8
    Last Post: Nov 23, 2011, 3:15 PM
  2. [CLOSED] How to highlight menuitem in Menupanel
    By rnachman in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Apr 06, 2011, 3:24 PM
  3. [CLOSED] Changing the style of menupanel
    By 78fede78 in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Oct 07, 2010, 11:43 AM
  4. [CLOSED] [1.0] Deselect menuItem in MenuPanel
    By x1000 in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Mar 03, 2010, 4:45 AM
  5. [CLOSED] [1.0] Problem in AccordionLayout, MenuPanel, MenuItem
    By miguelon in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Nov 22, 2009, 2:48 PM

Posting Permissions