Wt

Currently setStyleClass only sets the ul tag, I need to set the class for each element in the menu, meaning I need to change all 3 tags: ul, li and "a" tag, so I can create a menu system with sub menus that drop down on fly over.

I want to use it in the Navigation Bar, but I don't want to use a lot of Drop downs that you have to click on, I want them to drop down on fly over, and I do not see anything like that in Bootstrap, but I already have a style sheet I made years ago that still works great, not sure what to call it, its kind of a deviation of a suckerfish css menu, you can see it at one of my web sites ([[http://lightwizzard.com/]]) that I am trying to port over to Wt.

Maybe there is a way to change the behavior of the Popup so it opens on fly over, and that will be the best I can do, so do you know how to do that.

Menu systems are so important to any web site, I like the suckerfish menus, because they are more like menus in an Native App, it would be great to be able to use a suckerfish menu, I wish bootstrap had one, maybe I can find one that does not require all 3 menu tags (ul, li, a), but its looking like the only tag I have control over the the ul tag, so I could use a menu like Son of a Suckerfish

[[[http://www.htmldog.com/articles/suckerfish/dropdowns/]]]

because it only uses the ul tag, put its not as nice as mine, since it requires Javascript, mine is pure css, and was written, for both Horizontal or Vertical, on the same page, and does not change any ul tags in the same document, but it does require control over every elements class.

Adding support for other menu libraries would be great, but this is not a feature request, I just want to know if anyone knows how to set the class for each menu elements class (ul, li, a), so then I can work on integrating these other menu libraries into Wt, so everyone can benefit from it.

Here is a example of a menu system I am working on, I am not to happy with the submenu or popup, but unsure how to set each element, I may have to write a menu function to create the markup, so I might update this for those interested, it would be easy enough, but I would first like to rule out getting the menu functions to work the way I need them to, so if anyone has any idea how to set each element.

Example of HTML for menu:

<div class="sfmenumodhorz">
    <ul class="sfhmenu">
        <li class="selectedmm">
            <a class="selectedmm" href="/home.html">Home</a>
        </li>
        <li class="mainmenumm">
            <a class="mmwc" href="/submenus/0.html">Sub-Menus</a>
            <ul class="sfhmenu">
                <li class="submenumm">
                    <a class="smwc" href="/submenus/1.html">Sub-Menu-1</a>
                        <ul class="sfhmenu">
                            <li class="submenumm">
                                <a class="smwc" href="submenus/2.html">Sub-Menu-2</a>
                                <ul class="sfhmenu">
                                    <li class="submenumm">
                                        <a class="submenumm" href="/submenus/3.html">Sub-Menu-3</a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                </li>
            </ul>
        </li>
    </ul>
</div>

The css is open source based on a pure css suckerfish style menu

Orientation: sfmenumodhorz or sfmenumodvert, sfhmenu or sfvmenu

Selected: selectedmm

Submenu: submenumm

Submenu with Children: smwc

Source code for example:

wittywizard.org/resources/Sub-Menu.zip

Thanks

Jeff Flesher