Radmenu Image spot, want blank

[Moon]

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.

[Yana]

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-left: 0px !important;
     }

    .RadMenu_[Your_skin] .rmGroup .rmLink .rmText {
        padding-left: 5px !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.

[Admin]

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.

[Shinu]

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
{
     border: 1px solid #979797 !important;
     background: #f0f0f0 !important;
}
</style>

Thanks,
Shinu.

[Admin]

That does it!

Thanks,

Mike

[Admin]

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!

[Alex Gyoshev]

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.

[Kirk Couser]

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!

[Rob Dismaya]

I'm curious too. I've tried the css in the examples above but can't seem to remove the image space.

[Princy]

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.