Home News Contact Us Forum About Us Demos Products F.A.Q.
Shopping Cart
You currently have 0 items in your cart.


Recent Events
  • 05/09/2017 BIG Autumn SALE

    Use AUTUMN17 coupon code to buy our WordPress or Joomla! extensions with 25% discount. Hurry up! The offer is valid till 11 September.

  • 14/04/2017 Happy Easter

    Wish a Happy Easter and give 30% discount for all our WordPress and Joomla! extensions. Use EASTER17 coupon code. The offer is valid till 17 April.


2Checkout.com, Inc. is an authorized retailer of goods and services provided by ARI Soft. 2CheckOut




Follow us on twitter



Welcome, Guest
Please Login or Register.    Lost Password?

trying to customize EXT menu element backgrounds
(1 viewing) (1) Guest
Go to bottomPage: 1234
TOPIC: trying to customize EXT menu element backgrounds
#23523
trying to customize EXT menu element backgrounds 5 Years, 9 Months ago Karma: 0
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!
The administrator has disabled public write access.
 
#23529
Re:trying to customize EXT menu element backgrounds 5 Years, 9 Months ago Karma: 667
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
The administrator has disabled public write access.
 
#23571
Re:trying to customize EXT menu element backgrounds 5 Years, 9 Months ago Karma: 0
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!!
The administrator has disabled public write access.
 
#23572
Re:trying to customize EXT menu element backgrounds 5 Years, 9 Months ago Karma: 667
"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
The administrator has disabled public write access.
 
#23573
Re:trying to customize EXT menu element backgrounds 5 Years, 9 Months ago Karma: 0
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">'
Last Edit: 2012/01/11 10:07 By chava.
The administrator has disabled public write access.
 
#23574
Re:trying to customize EXT menu element backgrounds 5 Years, 9 Months ago Karma: 667
What is "menuid"? Id of "ARI Ext Menu" module instance or ID of a menu item?

Regards,
ARI Soft
The administrator has disabled public write access.
 
Go to topPage: 1234