Lisa Marie
Top achievements
Rank 1
Rank 1
Lisa Marie
asked on 11 May 2011, 02:18 PM
I want to make the following changes to the RadMenu apperence:
* I want the menu to be 100% width of <div id="top-menu-wrapper"> that the control is placed inside
* I want the dropp down submenu to be full width of <div id="top-menu-wrapper"> (same as above) and flow horizontally. Flexible amount of columns depending on number of sub-menu-items and length of items i.e. wrapping menu items.
* How to be able to add the shaddow images to top of submenu, but the shaddow should not go over the selected menu item
Basically it should behave similar to this website: www.nrk.no
I have attached a picture of the end result that I am trying to archieve with the RadMenu. Menu items is built dynamically through code. And I need to archieve this with CSS. this possible with the RadMenu and how can I arhieve this?
Many thanks
Lisa-Marie
* I want the menu to be 100% width of <div id="top-menu-wrapper"> that the control is placed inside
* I want the dropp down submenu to be full width of <div id="top-menu-wrapper"> (same as above) and flow horizontally. Flexible amount of columns depending on number of sub-menu-items and length of items i.e. wrapping menu items.
* How to be able to add the shaddow images to top of submenu, but the shaddow should not go over the selected menu item
Basically it should behave similar to this website: www.nrk.no
I have attached a picture of the end result that I am trying to archieve with the RadMenu. Menu items is built dynamically through code. And I need to archieve this with CSS. this possible with the RadMenu and how can I arhieve this?
Many thanks
Lisa-Marie
3 Answers, 1 is accepted
0
Princy
Top achievements
Rank 2
Rank 2
answered on 12 May 2011, 01:53 PM
Hello Lisa,
You can customize the appearance of RadMenu either by creating custom skin or by overriding default CSS class. Take a look at the following help article.
Creating A Custom Skin.
CSS Skin File Selectors
Thanks,
Princy.
You can customize the appearance of RadMenu either by creating custom skin or by overriding default CSS class. Take a look at the following help article.
Creating A Custom Skin.
CSS Skin File Selectors
Thanks,
Princy.
0
Lisa Marie
Top achievements
Rank 1
Rank 1
answered on 12 May 2011, 02:39 PM
Hi Princy,
Yes, thank you.
I must have not made my self clear, sorry my bad english.
I already knew this and are working on doing this. However I am having problems as dscribed in my post. I do not know how to archieve those spesific results. What I need is a spesific CSS/ HTML solution.
Many thanks
Yes, thank you.
I must have not made my self clear, sorry my bad english.
I already knew this and are working on doing this. However I am having problems as dscribed in my post. I do not know how to archieve those spesific results. What I need is a spesific CSS/ HTML solution.
Many thanks
0
Accepted
Hello Lisa Marie,
Bellow you will find the attached project that implements the design in question.
Further discussions will be made only to the related support issue.
Regards,
Ivan Zhekov
the Telerik team
Bellow you will find the attached project that implements the design in question.
Further discussions will be made only to the related support issue.
Regards,
Ivan Zhekov
the Telerik team
Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.