PDA

View Full Version : how to remove space on the left of the menu item



nciportal
1 Dec 2009, 10:37 PM
Hi,

I have created menu items and found that there is some space on the left of it. I tried using padding-left:0px. it didnt help. I assume that this could be the space alloted for the icon. I followed post
http://www.extjs.com/forum/showthread.php?t=74982

where Animal has given solution to it. i tried the same. however,
the problem still exists.I still see a margin on left.

Can anyone please help me out in this.

Regards,
AP

tryanDLS
2 Dec 2009, 7:42 AM
http://extjs.com/learn/Ext_Forum_Help#Posting_a_working_showcase

nciportal
10 Dec 2009, 3:36 AM
Have tried various options including post
http://www.extjs.com/forum/showthread.php?t=3393

Here is my code



<style type="text/css">
.x-menu-list-item-indent{ padding-left: 0px; } a.x-menu-item { font: 10px/22px
Arial, Helvetica, sans-serif; color: #311DB4; text-decoration: none; line-height:12px;
vertical-align:middle; text-align:left; text-decoration:none; font-size:11px;
font-weight:bold; FONT-FAMILY: Arial; padding-left:0px; margin-left:0px;
} .no-icon-menu .x-menu-item-icon { display: none;} .xx-menu-item-no-icon
{ display: none; } div.no-icon-menu a.x-menu-item { padding-left: 0; }
ul{ list-style-type: none; }
</style>
<!-- Created menu-->
var mainMenu = new Ext.menu.Menu({ id:'mainMenu', width:'190px', //autoHeight:true,
height:'210px', defaults: { iconCls: 'xx-menu-item-no-icon' }, items:[
{ text:'Gains & Losses', menu:{ width:'200px', height:'50px', items:[{id:'ADV_UNRL_AREPORT',text:'Unrealized
Gain/Loss',handler: onItemCheck}, {id:'ADV_CONSSTMT_REPORT',text:'Consolidated
Statement',handler: onItemCheck} ], showSeparator: false }} ], showSeparator:
false });
Kindly let me know where i am going wrong???