Radmenu Image spot, want blank

10 posts, 0 answers
  1. Moon
    Moon avatar
    249 posts
    Member since:
    Oct 2012

    Posted 18 Nov 2008 Link to this post

    I am using Q3 2008 radmenu.

    In the drop down menus, on the left, there is a spot there for if I want an image. I don't want an image, so how can I remove that extra space to the left of the text that is reserved for a menu image?

    thanks.
  2. Yana
    Admin
    Yana avatar
    4554 posts

    Posted 19 Nov 2008 Link to this post

    Hello,

    I suggest you use these css styles to set the left space of subitems:

    <style type="text/css">  
        .RadMenu_[Your_skin] .rmGroup .rmLink {  
            padding-left0px !important;   
         }  
           
        .RadMenu_[Your_skin] .rmGroup .rmLink .rmText {  
            padding-left5px !important;  
         }  
    </style> 

    Please replace [Your_skin] with the name of the skin you use.

    Best regards,
    Yana
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Mike
    Mike avatar
    27 posts
    Member since:
    Oct 2007

    Posted 23 Jan 2009 Link to this post

    This works great but the vertical line that seperated the images from the links is still showing up.  Is there a css style to remove the vertical divider line?   I am using the Vista Skin version: 2008.3.1125.35.

  5. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 23 Jan 2009 Link to this post

    Hi Mike,

    Try adding the CSS style in order to hide the line on left side of each RadMenuItem.

    CSS:
    <style type="text/css"
    .RadMenu_Vista .rmGroup 
         border1px solid #979797 !important;  
         background#f0f0f0 !important;  
    </style>  

    Thanks,
    Shinu.
  6. Mike
    Mike avatar
    27 posts
    Member since:
    Oct 2007

    Posted 23 Jan 2009 Link to this post

    That does it!

    Thanks,

    Mike
  7. Mike
    Mike avatar
    27 posts
    Member since:
    Oct 2007

    Posted 31 Jan 2009 Link to this post

    One last thing.

    I am trying to extend the menu out on each side so it fills the page.       Basically wrapping it in a div and repeat x on the background image.



    See how the Vista menu has a border has a light gray bar on the left.  Is there any way to remove this left and right horizontal gray bar border for the Vista menu?


    Thanks for all the help this Control has turned out to be very flexible so far!
  8. Alex Gyoshev
    Admin
    Alex Gyoshev avatar
    2500 posts

    Posted 02 Feb 2009 Link to this post

    Hi Mike,

    The following CSS should do the trick:

    div.RadMenu_Vista .rmRootGroup { border-width: 0 0 1px; }

    Sincerely yours,
    Alex
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  9. Kirk Couser
    Kirk Couser avatar
    26 posts
    Member since:
    Apr 2009

    Posted 04 Dec 2009 Link to this post

    Yana,

    I ran into this issue with Q3 2009 Radmenu, where there is extra space between the text and where an image should be, but it looks like the CSS has changed since the 2008 release.  What are the lines of CSS to fix this in the new version? Thanks!
  10. Rob Dismaya
    Rob Dismaya avatar
    9 posts
    Member since:
    May 2007

    Posted 01 Dec 2011 Link to this post

    I'm curious too. I've tried the css in the examples above but can't seem to remove the image space.
  11. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 01 Dec 2011 Link to this post

    Hello,

    To remove the left side space and line you can try any of the following CSS which worked as expected in new version also.
    CSS:
    <style type="text/css">
      .rmGroup
      {
       border: 1px solid #979797 !important
       background: #f0f0f0 !important
      }
     
              OR
     
      .RadMenu .rmGroup .rmText
      {
       padding-left:20px !important;
       background: #f0f0f0 !important
      }
     </style>

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