Questions about Height of Menu

10 posts, 0 answers
  1. Mahdi
    Mahdi avatar
    27 posts
    Member since:
    Oct 2013

    Posted 30 Dec 2013 Link to this post

    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
          }

  2. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 30 Dec 2013 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Mahdi
    Mahdi avatar
    27 posts
    Member since:
    Oct 2013

    Posted 30 Dec 2013 Link to this post

    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.
  5. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 30 Dec 2013 Link to this post

    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.
  6. Mahdi
    Mahdi avatar
    27 posts
    Member since:
    Oct 2013

    Posted 30 Dec 2013 Link to this post

    Hello kate.
    I attached it to my First Post , but I attach it to this post again
  7. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 30 Dec 2013 Link to this post

    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.
  8. Mahdi
    Mahdi avatar
    27 posts
    Member since:
    Oct 2013

    Posted 01 Jan 2014 Link to this post

    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.
  9. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 03 Jan 2014 Link to this post

    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.
  10. Mahdi
    Mahdi avatar
    27 posts
    Member since:
    Oct 2013

    Posted 06 Jan 2014 Link to this post

    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?

  11. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 06 Jan 2014 Link to this post

    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.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017