How to remove the Vertical Divider between menu items?

5 posts, 1 answers
  1. Stanley
    Stanley avatar
    6 posts
    Member since:
    Mar 2009

    Posted 08 Jan 2010 Link to this post

    After playing with the stylesheets, i still can't get rid of the vertical divider.
    Consider the following menu (I'm using the default skin):-
    Menu 1 | Menu 2 | Menu 3

    I need it to be :-
    Menu 1  Menu 2  Menu 3

    How can I achieve this?
  2. Answer
    Steve
    Steve avatar
    1851 posts
    Member since:
    Dec 2008

    Posted 10 Jan 2010 Link to this post

    It's coming from here
    .RadMenu_Default .rmRootGroup, .RadMenu_Default .rmLink, .RadMenu_Default .rmText, .RadMenu_Default .rmLeftArrow, .RadMenu_Default .rmRightArrow, .RadMenu_Default .rmTopArrow, .RadMenu_Default .rmBottomArrow { 
    background-color:transparent
    background-image:url(/aspnet-ajax/WebResource.axd?d=YvnVKmD0ElV4CQeSxhPOOL6mEpZ-a_Amu002ItMN4vm_Nz9q--u3MRZQWGpNk0UeASwAM6UpS_MXsJCjm2bFfw2&t=633958582850000000); 

    It appears to be part of the background image.  So you can find the sprite in the Default folder in your telerik install directory and just delete the vertical line then use the above style with !important at the end to override and use yours instead of theirs.


  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Stanley
    Stanley avatar
    6 posts
    Member since:
    Mar 2009

    Posted 11 Jan 2010 Link to this post

    Thank You Steve.
    This solution works.
  5. Steve
    Steve avatar
    1851 posts
    Member since:
    Dec 2008

    Posted 11 Jan 2010 Link to this post

    No problem,
     
    Would you be able to mark that post as Answered? :)
  6. Mark Galbreath
    Mark Galbreath avatar
    171 posts
    Member since:
    Jul 2009

    Posted 05 Feb 2010 Link to this post

    Or you could just add

    .rmGroup 
            { 
                background-imagenone !important; 
            } 

    to your CSS.

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