EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: korenanzo on February 24, 2016, 02:58:21 AM

Title: menu without text
Post by: korenanzo on February 24, 2016, 02:58:21 AM

Hi,

Id like to have a menu with menu items only icons.
I can do it setting text:'', but the menu occupies the space even for the text (.menu-text elements)
(https://dl.dropboxusercontent.com/u/1181512/menua.png)

is it possible to hide or remove the text elements so to get a compact,icons only menu ?
(https://dl.dropboxusercontent.com/u/1181512/menub.png)

thanks,
RIc

Title: Re: menu without text
Post by: jarry on February 24, 2016, 05:35:16 PM

Set the 'width' and 'minWidth' to a smaller value.

Code:

<div id="mm" class="easyui-menu" noline="true" minWidth="30" style="width:30px">
	<div iconCls="icon-add"></div>
	<div iconCls="icon-edit"></div>
	<div iconCls="icon-remove"></div>
	<div iconCls="icon-save"></div>
</div>