This is a migrated thread and some comments may be shown as answers.

Display submenu below parent menu

4 Answers 78 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Tiaan
Top achievements
Rank 1
Tiaan asked on 26 Nov 2014, 08:48 AM
Good day

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

Please see attached file as example.

4 Answers, 1 is accepted

Sort by
0
Magdalena
Telerik team
answered on 27 Nov 2014, 12:29 PM
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.

 
0
Tiaan
Top achievements
Rank 1
answered on 01 Dec 2014, 09:26 AM
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.
0
Accepted
Magdalena
Telerik team
answered on 01 Dec 2014, 12:03 PM
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.

 
0
Tiaan
Top achievements
Rank 1
answered on 01 Dec 2014, 01:20 PM
Thank you for the reply, works 100 %.
Tags
Menu
Asked by
Tiaan
Top achievements
Rank 1
Answers by
Magdalena
Telerik team
Tiaan
Top achievements
Rank 1
Share this question
or