Select Page

Active Item Detection for various color stylings

With the Active Item Detection the template knows which menu item you are currently browsing. For example set any CSS class depending on the active/current menu item in the body tag. This makes it possible to give each page a different color styling.

For native 1.5 versions of our templates we used of course the new template parameters feature for the template configuration.
Example how the template configuration can look like in Joomla 1.0.x:

/* item color variation */
"item1"               => "red",          /* red | blue | green | yellow */
"item2"               => "blue",         /* red | blue | green | yellow */
"item3"               => "green",        /* red | blue | green | yellow */
"item4"               => "yellow",       /* red | blue | green | yellow */
...

And the generated template HTML output can look like this, if you are currently in Home (item1)…

<body class="blue">...</body>