Problem styling menu

2 posts, 0 answers
  1. MBEN
    MBEN avatar
    159 posts
    Member since:
    Nov 2011

    Posted 02 Sep 2014 Link to this post

    I have a RadMenu on my page that I am having problem styling.
    The attached snapshot shows how it looks currently. The Quick Links is a menu, The child item keeps wrapping and looks wierd.

    I have custom css and I am not using any Telerik base styling. When the width is 100px, the rSlide div is set to 0px width (the container that creates the sliding animation). when the slider is set to 100%, the rSlide is like 14px wide, which is way smaller then the full size of the RadMenu and we are unable to figure this out.

    .upper_nav .RadMenu li {
      border: none;
      padding: 0;
      position: relative;
    }
    .upper_nav .RadMenu .rmHorizontal,
    .upper_nav .RadMenu .rmVertical {
      padding: 0;
    }
    .upper_nav .RadMenu .rmRootLink {
      font-size: 12px;
    }
    .upper_nav .RadMenu .rmRootLink:link,
    .upper_nav .RadMenu .rmRootLink:visited {
      color: #536ba2;
    }
    .upper_nav .RadMenu .rmRootLink:hover,
    .upper_nav .RadMenu .rmRootLink:active,
    .upper_nav .RadMenu .rmRootLink:focus {
      color: #3c3d5e;
      background: none;
      border: none;
    }
    .upper_nav .RadMenu .rmSlide {
      position: absolute;
      display: none;
    }
    .upper_nav .RadMenu .rmVertical .rmItem {
      display: block;
    }
    .upper_nav .RadMenu .rmVertical .rmItem span {
      width: 100% !important;
    }
  2. Magdalena
    Admin
    Magdalena avatar
    421 posts

    Posted 03 Sep 2014 Link to this post

    Hi MBEN,

    We have applied the CSS code that you had provided to a sample project, but the RadMenu looks in different way as in the screenshot. Here is a video as a part of the testing for your reference.

    Could you please provide us with all CSS that you are applying or open a support ticket to be able to send us a runnable project where the issue is reproduced?

    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.

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