Results 1 to 4 of 4

Thread: Removing Icon Space in Toolbar

  1. #1
    Ext User Wesling's Avatar
    Join Date
    Dec 2009
    Location
    San Diego, CA
    Posts
    8

    Default Removing Icon Space in Toolbar

    I am having trouble configuring the menu items of a toolbar. I am not using any icons in the menu and would therefore like to remove that space all together. See screenshots below:

    Here is the default:
    menu.png

    He is a mockup of what I would like to see:
    menu_2.png

    I have tried "hideLabel" but that does not seem to do anything. Am I missing another configuration option or is this not possible?

  2. #2
    Ext User Wesling's Avatar
    Join Date
    Dec 2009
    Location
    San Diego, CA
    Posts
    8

    Default

    After posting this thread, I saw the answer in a "related thread."

    http://www.sencha.com/forum/showthre...the-icon-space.

  3. #3
    Sencha Premium User mankz's Avatar
    Join Date
    Nov 2007
    Location
    Stockholm, Sweden
    Posts
    3,153

    Default

    Try the setting "plain : true" when creating the menu. Along with some CSS it might work (untested):

    Code:
    a.x-menu-item {
        padding-left:5px !important;
    }

  4. #4
    Ext User Wesling's Avatar
    Join Date
    Dec 2009
    Location
    San Diego, CA
    Posts
    8

    Default

    Thanks for the suggestion mankz but the plain: true approach didn't seem to remove background line on the menu.

    I did get it to work with Condor's x-menu-no-icon approach. Another thing that is nice about this approach is that it does not change the default style for menu items. This way, if other menus do use the space for the icon, they will not be affected.

    One thing that threw me off was that I was initializing my menu with an array of buttons so it was not immediately apparent where to add the x-menu-no-icon class. Placing it either on the menu buttons or the button that opens the menu will not work. You will need to explicitly define the menu configuration and add the cls property there.

    If this issue comes up often, a hideIcons parameter might be a nice addition to the menu object.

Similar Threads

  1. Removing the icon space.
    By jaidengre in forum Ext 3.x: Help & Discussion
    Replies: 5
    Last Post: 4 May 2010, 12:28 AM
  2. Space after removing icon from a tabpanel
    By dreamcaster in forum Ext 3.x: Help & Discussion
    Replies: 0
    Last Post: 27 Feb 2010, 2:02 AM
  3. Removing Grid Scroll space
    By micgala in forum Ext GWT: Help & Discussion (1.x)
    Replies: 3
    Last Post: 27 Apr 2009, 2:53 AM
  4. Space between the ComboBox after removing Fieldlabel
    By sushma_kale in forum Ext 2.x: Help & Discussion
    Replies: 0
    Last Post: 5 Jul 2008, 4:29 AM
  5. Removing Data after a space
    By bpoppa in forum Ext 2.x: Help & Discussion
    Replies: 13
    Last Post: 1 May 2008, 5:41 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •