Adding Subitems / Flyout menus to RadDropDownList

[Rodney]

I've looked through the help and just can't seem to figure out how to do this. In my dropdownlist, I want to create sub menu items for a couple of the items in the list.

Currently the dropdownlist items are being added in the code behind. Like this:

ddlSystem.Items.Add(new DropDownListItem(LogFile.CHCS, LogFile.CHCS));
ddlSystem.Items.Add(new DropDownListItem(LogFile.DCIPS, LogFile.DCIPS));
ddlSystem.Items.Add(new DropDownListItem(LogFile.EPEB, LogFile.EPEB));

So what I'm trying to do is change CHCS so that there are sub items under it that will fly out when you hover over it.

Thanks for any thoughts.

Rodney

 

 

 

[Ivan Danchev]

Hello Rodney,

Unlike the TreeView or PanelBar controls the RadDropDownList does not support a hierarchical order of its items. It holds a collection of DropDownListItems and they cannot contain other items. The single-level and multi-level structure difference can be seen in the corresponding controls' structure articles.

Regards,
Ivan Danchev
Telerik

[Rodney]

Ivan,

I tried moving to the PanelBar approach, and even the TreeView approach but both caused a problem I couldn't figure out how to overcome. When they are expanded they push the content below them down, whereas the DropDownList overlays the content below it. Am I missing a setting somewhere or is there a better tool for what I'm trying to do? I want a dropdown with the ability to present hierarchical lists and I don't want the content pushed down as it opens. 

I've attached 2 screen clippings of what I'm trying to express.

Thanks

 

[Ivan Danchev]

Hello Rodney,

In order to avoid the PanelBar pushing the rest of the page's content below on item expand, you can set its position to absolute:

.RadPanelBar {
    position: absolute;
}

Regards,
Ivan Danchev
Telerik