Reducing the height of the ribbon bar

5 posts, 0 answers
  1. Prasad
    Prasad avatar
    8 posts
    Member since:
    Feb 2012

    Posted 05 Mar 2012 Link to this post

    Hi All,

    Is there any option to reduce the height of the ribbonbar?

    Regards,
    Prasad
  2. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 05 Mar 2012 Link to this post

    Hello,

    Try setting the Height property of RadRibbonBar.

    Thanks,
    Princy.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. RvdGrint
    RvdGrint avatar
    112 posts
    Member since:
    May 2011

    Posted 05 Mar 2012 Link to this post

    Prasad,

    use CSS.
    #YBSRibbonMenu .RadRibbonBar
    {
      height:110px;
    }
     
    #YBSRibbonMenu div.RadRibbonBar .rrbButtonArea
    {
      height: 91px;
    }

    JosM


  5. Amjad
    Amjad avatar
    36 posts
    Member since:
    Dec 2010

    Posted 29 May 2013 Link to this post

    Hello,

    Am trying to set the height of the ribbon but the content is shifted underneath the ribbon.

    As shown attached

    please advise I need to decrease the height of the ribbon.

    Thanks
  6. Ivan Zhekov
    Admin
    Ivan Zhekov avatar
    540 posts

    Posted 29 May 2013 Link to this post

    Hi, all.

    The height of the ribbon can not be simply changed:
    • small / medium button size must be changed to something
    • large button size must be changed to three times that value
    • additional items such as dropdown list, combo, color picker must also be changed
    • gallery must be changed.

    In short, changing the height of the ribbon is not an easy task and has multiple dependencies.

    Regards,
    Ivan Zhekov
    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 their blog feed now.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017