Wt

Hello,

I am going through the menu example here: http://kipwip.webtoolkit.eu/widgets/navigation/menu

The description there says "You can create items with submenus by using the WSubMenuItem rather than the default WMenuItem." What is a WSubMenuItem? There is just a header file in the source tree and it just includes WMenuItem header. The reason I stumbled upon this file is because I am writing an example to test using Wt the "Dropdown" menu as shown here: http://twitter.github.com/bootstrap/examples/hero.html

How do I achieve that dropdown submenu with Wt?

Following is what I tried, but the output looks bit compromised (screenshot attached):

<code class="cpp">
class MenuItemWidgetApp : public WApplication
{
    public:
        MenuItemWidgetApp(const WEnvironment& env)
            : WApplication(env)
        {
            setTheme(new WBootstrapTheme());

            addMetaHeader("viewport", "width = device-width, initial-scale = 1");

            root()->addStyleClass("container-fluid");

            WMenuItem *mi = new WMenuItem("Menu Item 11");

            WMenu *sm = new WMenu();
            sm->addItem(mi);

            WMenu *m = new WMenu();
            m->addMenu("Test 1", sm);
            m->addItem("Test 2");
            m->addItem("Test 3");

            WNavigationBar *n = new WNavigationBar(root());
            n->setResponsive(true);
            n->addMenu(m);
        }
};
</code>

How do I achieve the dropdown menu in a navigation bar?

Thanks and regards,

~Plug