Adding Subitems / Flyout menus to RadDropDownList

4 posts, 0 answers
  1. Rodney
    Rodney avatar
    40 posts
    Member since:
    Mar 2015

    Posted 10 Mar Link to this post

    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

     

     

     

  2. Ivan Danchev
    Admin
    Ivan Danchev avatar
    834 posts

    Posted 11 Mar Link to this post

    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
    Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Rodney
    Rodney avatar
    40 posts
    Member since:
    Mar 2015

    Posted 11 Mar in reply to Ivan Danchev Link to this post

    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? Basically 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

     

  5. Ivan Danchev
    Admin
    Ivan Danchev avatar
    834 posts

    Posted 16 Mar Link to this post

    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
    Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
Back to Top