Forums / Developer / change submenu color

change submenu color

Author Message

viraj hoober

Tuesday 26 October 2010 3:01:47 am

Hi. I have to change my submenu color according to the menu selected. The menus have different colors. When clicking on a menu say Home with red color how can i have the submenu with the same color?

Some help would be greatly appreciated.

Lo' F.

Tuesday 26 October 2010 4:43:51 am

Hi viraj, you may set a submenu class through an if condition according to its parent node id.

You should already have your list of fetched items..

{def $submenu_items = fetch( 'content', 'list', hash( 'parent_node_id', $root_node.node_id, ...}

then inside the foreach loop...

{foreach $submenu_items as $key => $item}..

..declare and set the item class according to its parent node id..

..
{def $item_class=""}
{if $item.parent_node_id|eq([here goes the actual parent node id])}
    {set $item_class = "[here goes your style-class-name]")}
{/if}
{if $item.parent_node_id|eq([here goes the other parent node id])}
    {set $item_class = "[here goes the other style-class-name]")}
{/if}
{if $item.parent_node_id|eq([again like above])}
    [..and so on depending on the main menu items you have]
{/if}

and then include the class in the item tag..

<a .. class={$item_class}>{$item.name}</a>

and of course set the classes in your css file

.class-name1 {color: #red;}
.class-name2 {color: #green;}

loredanaebook.it

eZ debug

Timing: Jan 29 2025 13:31:34
Script start
Timing: Jan 29 2025 13:31:34
Module start 'content'
Timing: Jan 29 2025 13:31:34
Module end 'content'
Timing: Jan 29 2025 13:31:34
Script end

Main resources:

Total runtime0.1308 sec
Peak memory usage2,048.0000 KB
Database Queries141

Timing points:

CheckpointStart (sec)Duration (sec)Memory at start (KB)Memory used (KB)
Script start 0.00000.0073 587.8281180.8516
Module start 'content' 0.00730.0065 768.679793.8828
Module end 'content' 0.01370.1170 862.5625521.8438
Script end 0.1307  1,384.4063 

Time accumulators:

 Accumulator Duration (sec) Duration (%) Count Average (sec)
Ini load
Load cache0.00332.5009200.0002
Check MTime0.00131.0294200.0001
Mysql Total
Database connection0.00151.154510.0015
Mysqli_queries0.085565.36281410.0006
Looping result0.00110.86031390.0000
Template Total0.116689.210.1166
Template load0.00070.549810.0007
Template processing0.115988.628110.1159
Override
Cache load0.00050.389210.0005
Sytem overhead
Fetch class attribute can translate value0.00070.510110.0007
XML
Image XML parsing0.00020.178810.0002
General
dbfile0.00785.9795200.0004
String conversion0.00000.004030.0000
Note: percentages do not add up to 100% because some accumulators overlap

CSS/JS files loaded with "ezjscPacker" during request:

CacheTypePacklevelSourceFiles
CSS0extension/community/design/community/stylesheets/ext/jquery.autocomplete.css
extension/community_design/design/suncana/stylesheets/scrollbars.css
extension/community_design/design/suncana/stylesheets/tabs.css
extension/community_design/design/suncana/stylesheets/roadmap.css
extension/community_design/design/suncana/stylesheets/content.css
extension/community_design/design/suncana/stylesheets/star-rating.css
extension/community_design/design/suncana/stylesheets/syntax_and_custom_tags.css
extension/community_design/design/suncana/stylesheets/buttons.css
extension/community_design/design/suncana/stylesheets/tweetbox.css
extension/community_design/design/suncana/stylesheets/jquery.fancybox-1.3.4.css
extension/bcsmoothgallery/design/standard/stylesheets/magnific-popup.css
extension/sevenx/design/simple/stylesheets/star_rating.css
extension/sevenx/design/simple/stylesheets/libs/fontawesome/css/all.min.css
extension/sevenx/design/simple/stylesheets/main.v02.css
extension/sevenx/design/simple/stylesheets/main.v02.res.css
JS0extension/ezjscore/design/standard/lib/yui/3.17.2/build/yui/yui-min.js
extension/ezjscore/design/standard/javascript/jquery-3.7.0.min.js
extension/community_design/design/suncana/javascript/jquery.ui.core.min.js
extension/community_design/design/suncana/javascript/jquery.ui.widget.min.js
extension/community_design/design/suncana/javascript/jquery.easing.1.3.js
extension/community_design/design/suncana/javascript/jquery.ui.tabs.js
extension/community_design/design/suncana/javascript/jquery.hoverIntent.min.js
extension/community_design/design/suncana/javascript/jquery.popmenu.js
extension/community_design/design/suncana/javascript/jScrollPane.js
extension/community_design/design/suncana/javascript/jquery.mousewheel.js
extension/community_design/design/suncana/javascript/jquery.cycle.all.js
extension/sevenx/design/simple/javascript/jquery.scrollTo.js
extension/community_design/design/suncana/javascript/jquery.cookie.js
extension/community_design/design/suncana/javascript/ezstarrating_jquery.js
extension/community_design/design/suncana/javascript/jquery.initboxes.js
extension/community_design/design/suncana/javascript/app.js
extension/community_design/design/suncana/javascript/twitterwidget.js
extension/community_design/design/suncana/javascript/community.js
extension/community_design/design/suncana/javascript/roadmap.js
extension/community_design/design/suncana/javascript/ez.js
extension/community_design/design/suncana/javascript/ezshareevents.js
extension/sevenx/design/simple/javascript/main.js

Templates used to render the page:

UsageRequested templateTemplateTemplate loadedEditOverride
1pagelayout.tpl<No override>extension/sevenx/design/simple/templates/pagelayout.tplEdit templateOverride template
 Number of times templates used: 1
 Number of unique templates used: 1

Time used to render debug report: 0.0002 secs