How to remove the space on leftside of the menu item.

526 2 2 9

While showing menuitem, we can set image or checkmark. But, I don't want to show an image or a checkmark in the menuitem's.

I need just a text in the menuitem. But, its having some space on the leftside of the menuitem.

How can I remove the unwanted space occupied by the menuitem?

Thanks.

delete retag edit

11 Replies

9393 3 7 16
http://www.oxitec.de/

Have a look here.

526 2 2 9

Basically I want to have a menuitem with text-only option in view.
Hence, I tried the following code to hide/set the menuitem's left/icon's portion width as 0px. Eventhough its showing empty space in icon's place.

<?page title="Menuitem With Text Only" contentType="text/html;charset=UTF-8"?>
<zk>
<style>
font-size:1px; height:0px; line-height:0px; width:0px; }
</style>
<window title="Menuitem With Text Only" border="normal">
<label value="Click on me" context="editPopup" />
</window>
</zk>

Thanks.

9393 3 7 16
http://www.oxitec.de/

Ok. Now i know what you mean.

You will cut the left area for the images. So there's only the text area in the menuitems.
In my eyes that's a 'mold' attribut. In the docs i see only the 'default' mold.

Stephan

jumperchen
3909 2 8
http://jumperchen.blogspo...

Hi,

You can try this

<style>
display:none;
}
</style>

/Jumper

526 2 2 9

Thanks Jumper & Stephan.

This removes the left space allotted for icon. But, the line separator for icon from text is still there. Which resembles a line crossing the menuitem name.

Little progress on the way. I will try other options too. If anybody have any suggestion, please let me know.

Thanks.

jumperchen
3909 2 8
http://jumperchen.blogspo...

HI,

.z-menu-popup {
background-image: none;
}

Using firebug in Firefox is a fast way to dig the CSS.
/Jumper

526 2 2 9

Thanks Jumper, you have saved me a lot of time :)

I have searched in the following page, which was referred by Stephan for Menubar StyleGuide. But, I can't able to find the ".z-menu-popup" tag.

Can you give hint on how you are knowing these tags?

Am using Internet Explorer 7 for my development environment. I will check such a tool like firebug for IE.

jumperchen
3909 2 8
http://jumperchen.blogspo...

Hi,

You can refer to Menupopup style guide.

/Jumper

526 2 2 9

Thank you, Jumper :)

Senthilchettyin
2611 3 8
http://emrpms.blogspot.in...

This doses not work in ZK Latest version 8.5 due to CSS Class name changes. Can someone give us the CSS for 8.5 to achieve the same result ?

[hide preview]