Display submenu below parent menu

5 posts, 1 answers
  1. Tiaan
    Tiaan avatar
    12 posts
    Member since:
    Mar 2014

    Posted 26 Nov 2014 Link to this post

    Good day

    I would like to know if you can display a submenu below its parent menu.

    Please see attached file as example.
  2. Magdalena
    Admin
    Magdalena avatar
    421 posts

    Posted 27 Nov 2014 Link to this post

    Hello Tiaan,

    As the RadMenu has inbuilt animation effects, we would like to recommend you to use the RadTreeView for this purpose. You can see the implementing of this control as a vertical navigation in the official website of our demos.

    We are sending you also a sample solution in the attachment.

    Regards,
    Magdalena
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Tiaan
    Tiaan avatar
    12 posts
    Member since:
    Mar 2014

    Posted 01 Dec 2014 in reply to Magdalena Link to this post

    Than toy for your answer

    I am currently busy with the treeview, i have a view css issues though.

    I am using the following css for custom images as the +/- signs. For some reason my minus sign isn't showing correctly.

           div.RadTreeView_Default .rtPlus
            {
                background-image: url("Images/next.png");
                height: 15px;
                width: 15px;
            }


            div.RadTreeView_Default .rtMinus
            {
                  background-image: url("Images/next.png");
                  height: 15px;
                  width: 15px;
            
            }

    i use the same image for plus and minus.   i tried playing around with size but no success.
  5. Answer
    Magdalena
    Admin
    Magdalena avatar
    421 posts

    Posted 01 Dec 2014 Link to this post

    Hi Tiaan,

    Inbuilt skins of the RadTreeView use one common sprite for the both icons - plus and minus. To display the minus icon, we only change the background position of the sprite image. If you would like to overwrite changing the background position, please apply the following CSS
    html div.RadTreeView .rtPlus,
    html div.RadTreeView .rtMinus {
        background-position: 0 0;
    }


    Regards,
    Magdalena
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  6. Tiaan
    Tiaan avatar
    12 posts
    Member since:
    Mar 2014

    Posted 01 Dec 2014 in reply to Magdalena Link to this post

    Thank you for the reply, works 100 %.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017