I'm looking to implement a multi-column, two-level dropdownlist, like the one you see when you click on the "Choose a Topic" button here: http://www.caaspeakers.com/speakers-by-topic.
Does anyone have any suggestions on what approach to take?
Hi Edward,
It is not possible to achieve this out-of-the box with the WebDropDown, but with some tweaks it can be done using the Templating functionality. So there is this option - to have one item in the DropDown and manipulate it only (by assigning an ItemTemplate to it) . You also need to remove all styling of the dropdown container so that this item and itemTemplate's styles are applied and define the look and feel of the dropdown. It will be a bit tricky to perform the actual binding, if your data will be dynamic.
Looking at the example you sent me, in the dropdown container there are 3 unordered lists, one for every column. If your data is hardcoded in the template, it will be extremely easy to achieve the same functionality. All other dropdown (opening and closing), and animations behavior will be available out of the box.
Hope it helps,
Angel