Telerik Ribbon bar - display customization

2 posts, 0 answers
  1. Deepika
    Deepika avatar
    1 posts
    Member since:
    Mar 2012

    Posted 26 Jul 2012 Link to this post

    Hi,
    I have a screen in that I have Ribbonbars. I have 4 Ribbon Bar Tabs , each ribbon bar tab has 4 ribbon bar groups and each ribbbon bar group has 4 buttons.
    My problem is I ahve the ribbon bar width as 100%. But these controls do not occupy the complete width. They look very clumsy.
    Is there a way to adjust each Ribbon bar tab items to take up some extra space?
    Thanks
  2. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 27 Jul 2012 Link to this post

    Hi Deepika,

    I am not quite sure about your requirement,f you want your TabItems to take up some extra space you could easily give the Width property to the RadTab
    aspx:
    <telerik:RibbonBarTab Text="1" Width="25%">
    or else you want your RibbonBarGroup items to have specified width.
    Try the following CSS: 
    <style type="text/css">
     .rrbButtonGroup
      {
        width:25% !important;
      }
     .rrbButtonAreaIn
      {
        width:100% !important;
      }
    </style>

    Thanks,
    Princy.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top