WebDrillDown Studio
  Reset
Multiple Colors:
This sample demonstrates how you can apply custom colors to the WebDrillDown elements. This can be accomplished by making some changes to the core Cascading Style Sheets (CSS) file.

A custom color palette is applied to the popup menu items using the following CSS selector definitions. This causes these five colors to be rotated through all the popup menu items:

.cwddUnselectedItem:nth-child(5n+1)
{
    background-color: #d8ceaf  
}

.cwddUnselectedItem:nth-child(5n+2)
{
    background-color: #c6d5a0  
}

.cwddUnselectedItem:nth-child(5n+3)
{
    background-color: #89bc9d  
}

.cwddUnselectedItem:nth-child(5n+4)
{
    background-color: #89adbc  
}

.cwddUnselectedItem:nth-child(5n+5)
{
    background-color: #d39d97  
}

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:
/Appearance
    /MultipleColors