RadMenuItem Horizontal orientation

4 posts, 0 answers
  1. Meliton
    Meliton avatar
    4 posts
    Member since:
    May 2012

    Posted 13 Oct 2014 Link to this post

    Hello guys.

    I want to build rad menu like the next image shows.

    its, possible that?

    Do you have one sample code?


    Regards..
  2. Masha
    Admin
    Masha avatar
    355 posts

    Posted 14 Oct 2014 Link to this post

    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
     

    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. DevCraft banner
  4. Meliton
    Meliton avatar
    4 posts
    Member since:
    May 2012

    Posted 28 Oct 2014 Link to this post

    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.
  5. Masha
    Admin
    Masha avatar
    355 posts

    Posted 29 Oct 2014 Link to this post

    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
     

    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.

     
Back to Top