Results 1 to 5 of 5

Thread: CheckItem menu icon problem

  1. #1

    Default CheckItem menu icon problem

    I have this menu, but the icons in the CheckItem menu items are now being showed and (worse) I dont know how to use Firebug to debug where is the cause of the problem.

    HTML Code:
    <link rel="stylesheet" type="text/css" href="../css/resources/css/reset-min.css" />
    <link rel="stylesheet" type="text/css" href="../css/resources/css/grid.css" />
    <link rel="stylesheet" type="text/css" href="../css/resources/css/ext-all.css" />
    
    <link href="../css/themes/default.css" rel="stylesheet" type="text/css" ></link>
    <link href="../css/themes/alphacube.css" rel="stylesheet" type="text/css" ></link>
    Code:
    var quickMenuItems = [
    	'<b class="menu-title">Quicksearch Columns</b>',
    	new Ext.menu.CheckItem({value:'screenName', text: 'Username', checked: true }),
    	new Ext.menu.CheckItem({value:'headline', text: 'Headline', checked: true }),
    	new Ext.menu.CheckItem({value:'id', text: 'Id', checked: false }),
    	new Ext.menu.CheckItem({value:'email', text: 'Email', checked: false }),
    	new Ext.menu.CheckItem({value:'password', text: 'Password', checked: false }),
    	new Ext.menu.CheckItem({value:'ip', text: 'IP', checked: false })				
    ];
    
    var quickMenu = new Ext.menu.Menu({
    	id: 'quickMenu',
    	items: quickMenuItems
    });


    Anyone can help?

  2. #2
    Sencha - Community Support Team jsakalos's Avatar
    Join Date
    Apr 2007
    Location
    Slovakia
    Posts
    27,664

    Default

    It seems that menu items don't have right css class(es). On the Ext example page, the check menu items have this class: x-menu-check-item.

    So explore rendered html with firebug and inspect css classes of items.

    Hi,
    Jozef Sakalos, aka Saki

    Education, extensions and services for developers at new http://extjs.eu
    News: Grid MultiSearch Plugin, Grid MultiSort Plugin, Configuring ViewModel Hierarchy


  3. #3

    Default

    I found this:
    HTML Code:
    <div id="ext-gen228" class="x-layer x-menu" style="position: absolute; z-index: 15000; visibility: visible; left: 483px; top: 39px;">
    <a id="ext-gen231" class="x-menu-focus" tabindex="-1" onclick="return false;" href="#"/>
    <ul id="ext-gen232" class="x-menu-list">
    <li id="ext-gen236" class="x-menu-list-item">
    <span id="ext-gen237" class="x-menu-text">
    <b class="menu-title">Quicksearch Columns</b>
    </span>
    </li>
    <li id="ext-gen238" class="x-menu-list-item x-menu-item-checked">
    <a id="ext-gen239" class="x-menu-item x-menu-check-item" href="#">
    <img class="x-menu-item-icon" src="../../resources/images/default/s.gif"/>
    Username
    </a>
    </li>
    <li id="ext-gen240" class="x-menu-list-item x-menu-item-checked">
    <a id="ext-gen241" class="x-menu-item x-menu-check-item" href="#">
    <img class="x-menu-item-icon" src="../../resources/images/default/s.gif"/>
    Headline
    </a>
    </li>
    <li id="ext-gen242" class="x-menu-list-item">
    <a id="ext-gen243" class="x-menu-item x-menu-check-item" href="#">
    <img class="x-menu-item-icon" src="../../resources/images/default/s.gif"/>
    Id
    </a>
    </li>
    <li id="ext-gen244" class="x-menu-list-item">
    <a id="ext-gen245" class="x-menu-item x-menu-check-item" href="#">
    <img class="x-menu-item-icon" src="../../resources/images/default/s.gif"/>
    Email
    </a>
    </li>
    <li id="ext-gen246" class="x-menu-list-item">
    <a id="ext-gen247" class="x-menu-item x-menu-check-item" href="#">
    <img class="x-menu-item-icon" src="../../resources/images/default/s.gif"/>
    Password
    </a>
    </li>
    <li id="ext-gen248" class="x-menu-list-item">
    <a id="ext-gen249" class="x-menu-item x-menu-check-item" href="#">
    <img class="x-menu-item-icon" src="../../resources/images/default/s.gif"/>
    IP
    </a>
    </li>
    </ul>
    </div>
    Last edited by franzisk; 27 May 2007 at 1:03 PM. Reason: Wrong HTML code

  4. #4
    Sencha User
    Join Date
    Mar 2007
    Posts
    34

    Default

    I'm having exactly the same problem with both Ext 1.1b1 and 1.1b2, and I haven't figured out the problem yet.

  5. #5
    Sencha User fay's Avatar
    Join Date
    Apr 2007
    Location
    Ireland
    Posts
    1,750

    Default

    Saki is right, it's your CSS class. Open ext-all.css, search for the x-menu-* entries, and double-check that the image URLs they are pointing at are correct.

Posting Permissions

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