custom class for the dropmenu's

Hi!

I want to use Lightbox Gone Wild to show my website content, but to do so I would need to have a custom class added to the <li> of the dropmenu. How can I do it ??

thanks in advance,

Blaise

Hmmm... describe what you want in a feature request and we’ll see if it can happen for the next release (bugtracker request that is...)

Hi,

I’ve made a couple of changes in dropMenu to achieve this.
I’ve posted the tip in french Forum.

I copy and Paste the way I’ve realized the hack.

Hope this help.

Create a new TV called -> idCssMenu (text)

Duplicate DropMenu and made these changes

- Added after line 224:


- line 262 (<p> tags are specifics to my needs)


- and line 297



EDIT: I guess you ’ll have to modidfy more lines after 262 because I didn’t need to custom sublevel

It’s not a bad idea! But i was wrong... I needed a class in the link, not the <li>... Anyway, Scotty Delicious is working on an extended version of the Drop Menu and he is supposed to include that specific feature!

Quote from: grunt_lord at Mar 31, 2006, 09:44 PM

It’s not a bad idea! But i was wrong... I needed a class in the link, not the <li>... Anyway, Scotty Delicious is working on an extended version of the Drop Menu and he is supposed to include that specific feature!

And....
Revision 0.1 is done. You can check it out here:

http://modxcms.com/forums/index.php/topic,3724

later

-sD-
scottyDelicious

@ grunt_lord
I thought that you wanted to set a different class to each <li> that’s why I proposed this hack.

hehe... at first i thought i wanted to modify the <LI> too

Dit Ryan not give an example a while ago (I searched can not find it any more) to use the &pre and the &post tag to generate a custom style tag for eacht document depending on the id?

somthing like &pre=`

That would actually put in the id of the current document, but that would indeed work. You could also create a unique ID by using the counter in the for loop though.

I’ve done that when I wanted to have a different background for each main menu item. I simply added an incrementing variable into the MakeMap loop and appended it to the LI class specified in the snippet options when the <li... tag is being generated.

<ul class="topnav">
<li class="category1">Item One
...submenu
</li>
<li class="category2">Item Two
...submenu
</li>
<li class="category3">Item Three
...submenu
</li>
<li class="last category4">Item Four
...submenu
</li>
</ul>