This is a migrated thread and some comments may be shown as answers.

How increase space between image and text.

6 Answers 254 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Michael
Top achievements
Rank 1
Michael asked on 01 Nov 2010, 04:45 PM
Subj.
Also may be somebody know how add additional space between menu items?

6 Answers, 1 is accepted

Sort by
0
Princy
Top achievements
Rank 2
answered on 02 Nov 2010, 08:25 AM
Hello Michael,

In order to increase the space between image and text, add the following CSS in your page.
CSS:
<style type="text/css">
       .RadMenu .rmHorizontal .rmText
       {
           padding-left: 55px !important;
       }
</style>

I am not sure about setting space between menu items. I hope you can achieve this by setting the Height property of menu items.

Thanks,
Princy.
0
Michael
Top achievements
Rank 1
answered on 02 Nov 2010, 10:28 AM
Thanks a lot for answer I will try this.
0
Eric
Top achievements
Rank 1
answered on 20 Jul 2011, 04:21 PM
Hello,

How do I add space to one menu without affecting another menu on the same page?
0
Shinu
Top achievements
Rank 2
answered on 21 Jul 2011, 06:32 AM
Hello Eric,

Try setting  the CSS class for RadMenu as shown below.

aspx:
<telerik:RadMenu ID="RadMenu1" runat="server"  CssClass="customClass" >
     <Items>
     . . . .
     </Items>
</telerik:RadMenu>

CSS:
<style type="text/css">
        .customClass.RadMenu .rmHorizontal .rmText
       {
            padding-left: 55px !important;
       }
</style>

Thanks,
Shinu.
0
Eric
Top achievements
Rank 1
answered on 21 Jul 2011, 02:02 PM
Thanks for the reply.  The suggestion did not seem to work.  The RadControl is a RadContextMenu inside of a user control if that makes a differences.  I put you style in the header of my master page, my .css file, and directly in the user control.  It did affect another RadMenu on the page but not the RadContextMenu.
Eric
0
Kate
Telerik team
answered on 21 Jul 2011, 02:44 PM
Hello Eric,

You could try to use the following css class selector to add space between the image of the RadContext menu and the text (you could either apply margin or padding)
.RadMenu .rmGroup .rmLeftImage {
    margin: 4px 6px 0 6px;
}

You could also take a look at the following help article that explains how you can apply css class only to a specific RadMenu or RadContextMenu controls.

All the best,
Kate
the Telerik team

Register for the Q2 2011 What's New Webinar Week. Mark your calendar for the week starting July 18th and book your seat for a walk through of all the exciting stuff we will ship with the new release!

Tags
Menu
Asked by
Michael
Top achievements
Rank 1
Answers by
Princy
Top achievements
Rank 2
Michael
Top achievements
Rank 1
Eric
Top achievements
Rank 1
Shinu
Top achievements
Rank 2
Kate
Telerik team
Share this question
or