WebDrillDown Studio
  Reset
Horizontal Popup:
This sample demonstrates how the popup menus in WebDrillDown can be displayed in a horizontal (left-to-right) fashion. This can be accomplished by making some changes to the core Cascading Style Sheets (CSS) file.

The horizontal appearance of the popup menus can be achieved by setting the following CSS property, which changes the items to be formatted as inline-level boxes:

.cwddItem
{
    display: inline-block;
}

The width of the horizontal popup menu can be controlled by setting the following CSS property, which causes a horizontal scrollbar to appear if needed:

.cwddPopup
{
    max-width: 33em;
}

All other changes to the CSS properties are for cosmetic purposes only.

In this sample the WebDrillDown is allowing you to select some food, organized by food group and item. Clicking the "Submit" button will display the full path for your selection below:
Click the "Reset" link to clear your selection.
Control being used:
View the code:
The code is available in the samples directory under:
/Orientations
    /HorizontalPopup