EasyUI
Home
Demo
Tutorial
Documentation
Download
Extension
Contact
Forum
EasyUI Forum
September 13, 2025, 12:13:31 PM
Welcome,
Guest
. Please
login
or
register
.
1 Hour
1 Day
1 Week
1 Month
Forever
Login with username, password and session length
News
:
Home
Help
Search
Login
Register
EasyUI Forum
>
General Category
>
EasyUI for jQuery
>
Manage menu appearance
Pages: [
1
]
« previous
next »
Print
Author
Topic: Manage menu appearance (Read 7330 times)
jraskal
Newbie
Posts: 2
Manage menu appearance
«
on:
January 22, 2015, 02:59:59 PM »
How do I customize the visual aspect of a menu, that is, font face, size, color, etc. of the menus and their options? Here's a sample of what I have...
<div style="background:#fafafa;padding:5px;width:1100px;border:1px solid #ccc">
<a href="#" class="easyui-menubutton" menu="#mm1">Menu 1</a>
<a href="#" class="easyui-menubutton" menu="#mm2">Menu 2</a>
</div>
<div id="mm1" style="width:150px;">
<div>Option 1</div>
<div>Option 2</div>
<div>Option 3</div>
</div>
<div id="mm2" style="width:300px;">
<div>Option 1</div>
<div>Option 2</div>
</div>
Thank you.
Logged
stworthy
Administrator
Hero Member
Posts: 3581
Re: Manage menu appearance
«
Reply #1 on:
January 22, 2015, 06:48:16 PM »
Please use the theme builder tool to build your own theme.
http://www.jeasyui.com/themebuilder/index.php
Logged
jraskal
Newbie
Posts: 2
Re: Manage menu appearance
«
Reply #2 on:
January 23, 2015, 03:14:42 PM »
Thank you stworthy. So, when I've set up a theme, where do I place the css from the builder? Does it replace the <link rel="stylesheet" type="text/css" href="
http://www.jeasyui.com/easyui/themes/default/easyui.css
"> in the pages ?
Logged
stworthy
Administrator
Hero Member
Posts: 3581
Re: Manage menu appearance
«
Reply #3 on:
January 24, 2015, 12:59:59 AM »
A theme is the 'easyui.css' file. To use your own theme, just replace the 'easyui.css' file with the generated CSS rules.
Logged
Pages: [
1
]
Print
« previous
next »
Jump to:
Please select a destination:
-----------------------------
General Category
-----------------------------
=> News
=> General Discussion
=> EasyUI for jQuery
=> EasyUI for Angular
=> EasyUI for Vue
=> EasyUI for React
=> Bug Report
Loading...