Hello guys.
I want to build rad menu like the next image shows.
its, possible that?
Do you have one sample code?
Regards..
I want to build rad menu like the next image shows.
its, possible that?
Do you have one sample code?
Regards..
3 Answers, 1 is accepted
0
Hi Meliton,
Yes, it is possible to customize the RadMenu as the provided screenshot. You need to create a CustomItemsPanel to show RadMenuItems this way. I've created a sample project which shows how this can be achieved. Please note if you want to modify the MouseOver state of RadMenuItem you need to extract the control template and apply the desired changes there.
I hope it helps.
Regards,
Masha
Telerik
Yes, it is possible to customize the RadMenu as the provided screenshot. You need to create a CustomItemsPanel to show RadMenuItems this way. I've created a sample project which shows how this can be achieved. Please note if you want to modify the MouseOver state of RadMenuItem you need to extract the control template and apply the desired changes there.
I hope it helps.
Regards,
Masha
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
Meliton
Top achievements
Rank 1
answered on 28 Oct 2014, 10:30 PM
Thanks for your useful example code.
It´s the base for my Menu in my Application.
But it´s possible set a transparent style in the RadMenuItem´s Backgroud?
I would appreciate very much for your help
I attached a imagen.
It´s the base for my Menu in my Application.
But it´s possible set a transparent style in the RadMenuItem´s Backgroud?
I would appreciate very much for your help
I attached a imagen.
0
Hi Meliton,
You need to updated the control template and especially TopLevelHeaderTemplateKey of RadMenuItem in order to achieve the desired approach. Inside it look for Border element which is below Grid named "PopupContentElement" and set Border Background color to transparent.
I've demonstrated the approach in the attached project.
I hope it helps.
Regards,
Masha
Telerik
You need to updated the control template and especially TopLevelHeaderTemplateKey of RadMenuItem in order to achieve the desired approach. Inside it look for Border element which is below Grid named "PopupContentElement" and set Border Background color to transparent.
I've demonstrated the approach in the attached project.
I hope it helps.
Regards,
Masha
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.