Custom sprites for burger menu

6 posts, 1 answers
  1. Tomica
    Tomica avatar
    147 posts
    Member since:
    Apr 2008

    Posted 31 Mar 2015 Link to this post

    I have had good success with Mobile render mode even for full-size pages. With a few CSS adjustments provided to me earlier, I have replaced the default burger icon with a 64x64 PNG image.

    With reference to the attached screen-grab, are there any options that would allow me to make the menu more prominent?

    I'm thinking some type of shading to give it a dimensional look so that it is perceived by the home page visitor as an active control.

    I tried the usual properties settings that have worked with the standard rendering, but none of that is helpful for mobile.

    Additionally, I'd also like to make it bigger, which may help, but I know of no way to make this work with a larger icon. (Metro Touch skin)
  2. Answer
    Magdalena
    Admin
    Magdalena avatar
    421 posts

    Posted 01 Apr 2015 Link to this post

    Hello Tomica,

    The width and height of the RadMenu button can be customized by the selector "html .RadMenu .rmRootToggle". The same selector can be used for adding some additional effect as CSS shadows.

    Regards,
    Magdalena
    Telerik
     

    See What's Next in App Development. Register for TelerikNEXT.

     
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Tomica
    Tomica avatar
    147 posts
    Member since:
    Apr 2008

    Posted 01 Apr 2015 in reply to Magdalena Link to this post

    html .RadMenu_MetroTouch .rmRootToggle:before {

    I obtained the desired effects, but only after adding ":before" to the suggested HTML.
  5. Tomica
    Tomica avatar
    147 posts
    Member since:
    Apr 2008

    Posted 01 Apr 2015 in reply to Magdalena Link to this post

    I needed to add :before to the suggested HTML, and it works as intended.

    html .RadMenu_MetroTouch .rmRootToggle:before {
  6. Tomica
    Tomica avatar
    147 posts
    Member since:
    Apr 2008

    Posted 01 Apr 2015 in reply to Tomica Link to this post

    Posting note: I received an error page on the first two reply attempts. These are not intentional duplications.

    Can anyone tell me how I can delete a posting I just made?
  7. Nencho
    Admin
    Nencho avatar
    1457 posts

    Posted 03 Apr 2015 Link to this post

    Hello Thomas,

    I am afraid that there is no such functionality. However, I have deleted the duplicated post.

    Regards,
    Nencho
    Telerik
     

    See What's Next in App Development. Register for TelerikNEXT.

     
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017