Hi guys love the menu options with EXT and YUI. I'm having trouble customizing the EXT menu

Thank you for all of your hard work. These support forums are great!


What I have so far: www.geopeakenergy.com/betasite/commercial
It works perfect, but looks pretty boring.




Here's what I'd like to end up with: www.geopeakenergy.com/commercial
So I basically need to learn to give each submenu column a background image, and the supermenu itself changing background images.


I don't want to waste too much of your time, but can you point me in the right direction?

How do I reference a column in the css?

Something like

Supermenu item

ext-gen9 {background: url(xxx) blah blah blah};

ext-gen14.ux-menu-sub {background: url(xxx) blah blah blah};


but how is the ext-genID assigned? How doe sthat whole system work. I just got that from looking with firebug...

Want to understand and do this correctly

Thanks for your help in advance!

Hello,

Information about menu HTML layout and CSS classes can be found here. Each menu item has a CSS class based on menu item ID. You can use it.

Regards,
ARI Soft

Hey,

Thanks for that link, it has been helpful.


Everything is going great, except one thing.


The ul#ext-genID's change from page to page


for example on one page the first submenu will be
ul#ext-gen12.ux-menu-sub

and then on another page it will be
ul#ext-gen14.ux-menu-sub

so on the front page everything work perfect, but on other pages its broken

is there any way to do this?
all i want is something like:

ul#ext-gen'1st'.submenu'.ux-menu-sub {color 1}
ul#ext-gen'2nd'.submenu'.ux-menu-sub {color 2}
ul#ext-gen'3rd '.submenu'.ux-menu-sub {color 3}
ul#ext-gen'4th'.submenu'.ux-menu-sub {color 4}


but the ID's change page to page!!

"ext-gen" IDs are generated by ExtJS framework for system purpose. It is not a good idea to use them. You can use #{$id} predefined variable in "CSS Styles" parameter in module settings, it will be replaced with ID of menu.

Regards,
ARI Soft

i don't have any documentation to work with for that...


...can you give me a quick example how to define?


' menuid=123 (1st) <ul class="ux-menu-sub">'
' menuid=456 (2nd) <ul class="ux-menu-sub">'
' menuid=789 (3rd) <ul class="ux-menu-sub">'

What is "menuid"? Id of "ARI Ext Menu" module instance or ID of a menu item?

Regards,
ARI Soft