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

Questions about Height of Menu

9 Answers 96 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Mahdi
Top achievements
Rank 1
Mahdi asked on 30 Dec 2013, 08:14 AM
Hello .
I am using Telerik 2013 Q1 and I am using menu in my Pages.
I have some problems . First of all if I change The 'Height' of menu ,It doesn't work but I solve it With some Styles.
Secondly The Items were not in Middle of Menu but I solve it too with another Styles.
thirthly when I change the height of menu , the triangles in both side of menu doesn't increase theire Height  and i don't know how I should Solve it.
in fact ,are there any way to solve  my problems without styles and for last question,What should I do?
The Image for last question attached to this Thread and my Styles are at the end of this Message
Thank you.
.rmRootGroup
       {
           height: 40px;  // change the height of Menu
       }
 
li.rmItem
     {
         padding-top:8px !important; // bring Items in Middle of Menu
      }

9 Answers, 1 is accepted

Sort by
0
Kate
Telerik team
answered on 30 Dec 2013, 08:35 AM
Hi Mahdi,

To get more details on how to change the height of the RadMenu control please take a look at the following help article - How to change height of RadMenu. Can you also clarify which elements you are referring to as the triangles on both side of the menu?

Regards,
Kate
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
0
Mahdi
Top achievements
Rank 1
answered on 30 Dec 2013, 11:25 AM
Hello and Thank for your answer.
I'm so Sorry , I uploded Wrong Image .Now I Upload Correct one ."error.jpeg".
in this Image I showed the meaning of triangles but just in left , but in both sides their hight don't Increase.
0
Kate
Telerik team
answered on 30 Dec 2013, 11:44 AM
Hello Mahdi,

I can not find any image file to your last post. Can you please try attaching it again?

Regards,
Kate
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
0
Mahdi
Top achievements
Rank 1
answered on 30 Dec 2013, 01:28 PM
Hello kate.
I attached it to my First Post , but I attach it to this post again
0
Shinu
Top achievements
Rank 2
answered on 31 Dec 2013, 05:10 AM
Hi Mahdi,

Please try the following CSS which works fine at my end.

CSS:
<style type="text/css">
    .rmRootGroup
    {
        height: 30px !important;
    }
    .rmLeftArrow, .rmRightArrow
    {
        height: 30px !important;
    }
</style>

Thanks,
Shinu.
0
Mahdi
Top achievements
Rank 1
answered on 01 Jan 2014, 07:13 AM
Hi Shinu
Thanks for reply
I used this with "Height=40px" but I faced with new Problem . the Repetition of arrows Like Image Which I attached to this Post.
0
Kate
Telerik team
answered on 03 Jan 2014, 09:32 AM
Hello Mahdi,

To avoid the repetition of the background image that is applied for the arrow you can use the following css property within the selector that you use for setting height background-repeat: no-repeat. I would also suggest to refer to the following help article to get a better understanding how we apply the different skins and which are the steps that you need to take in order to alter the look of the menu as desired - Tutorial: Creating A Custom Skin Using Sprite.

Regards,
Kate
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
0
Mahdi
Top achievements
Rank 1
answered on 06 Jan 2014, 07:27 AM
Hello Kate.
Thanks for your reply

LeftArrow and RightAllow are NOT image so background-repeat doesn't Effect on this ,so it Didn't work .
any other help?

0
Kate
Telerik team
answered on 06 Jan 2014, 08:43 AM
Hello Mahdi,

Can you please provide a live url that I can test from my side and thus be able to assist you in the most efficient way in resolving the issue that you get?

Regards,
Kate
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
Tags
Menu
Asked by
Mahdi
Top achievements
Rank 1
Answers by
Kate
Telerik team
Mahdi
Top achievements
Rank 1
Shinu
Top achievements
Rank 2
Share this question
or