EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: jraskal on January 22, 2015, 02:59:59 PM



Title: Manage menu appearance
Post by: jraskal 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.



Title: Re: Manage menu appearance
Post by: stworthy 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


Title: Re: Manage menu appearance
Post by: jraskal 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 ?


Title: Re: Manage menu appearance
Post by: stworthy 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.