1. #1
    Sencha User
    Join Date
    Jan 2009
    Location
    Ottawa, ON, Canada
    Posts
    81
    Vote Rating
    1
    myExtJsUname is on a distinguished road

      0  

    Default how do I get a menu list with no icons

    how do I get a menu list with no icons


    I realize there is a thread where this item is discussed (http://extjs.com/forum/showthread.php?t=3393) but it is over 2 years old. It contains an entry from a year ago with no response and I am basically having the same problem as that last post. So, instead of just adding another post to that existing thread (which probably no one will notice, like the last one), I'm adding a new thread in the hopes I'll have better luck.


    I've tried what I understand the existing thread is suggesting:
    1. I have added ".no-icon-menu .x-menu-item-icon { display: none; }" to one of my css files; and,
    2. I have added a cls definition to my menu definition, as follows:
    Code:
    var menu = new Ext.menu.Menu({
        items:[
            {
                text: "My Menu Item"
            }
        ]
         ,cls: "no-icon-menu"
     });
    To no effect. Space for an the icon remains associated with each item within the menu.


    If there is anyone out there who has been able to display a menu without icons (including without the space set aside for them)? The menu sample seems to suggest this is possible because there are two different places where the color picker is accessible and, in one (under Split Button/Pick a Color), there is space for an icon and in the other (under Button wMenu/Choose a Color), there is not. However, in looking at the sample, I can't discern how the lack of room for an icon is being implemented.

    Can anyone point me in a better direction than I've been able to find thus far?

    Cheers,

  2. #2
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,508
    Vote Rating
    56
    Animal has a spectacular aura about Animal has a spectacular aura about Animal has a spectacular aura about

      0  

    Default


    Code:
            cls: 'no-icon-menu',
            showSeparator: false,
    plus

    Code:
    div.no-icon-menu a.x-menu-item {
        padding-left: 0;
    }

  3. #3
    Sencha User
    Join Date
    Jan 2009
    Location
    Ottawa, ON, Canada
    Posts
    81
    Vote Rating
    1
    myExtJsUname is on a distinguished road

      0  

    Smile Solved - how do I get a menu list with no icons

    Solved - how do I get a menu list with no icons


    That's the ticket!!

    Thank you!!

Thread Participants: 1