RadGroup Width

[July]

I created the menu programmatically.
and I've a problem with some witdh of group. I need change the width of somes groups.

Attach an image

How I can fix this?
I try with:
-  group.Style.add(.....Width, "100px") but does not work.
- by css .RadRibbonBar .rrbMenuGroupIn {
    padding: 1px 20px 1px 20px;
}but does not work.

I need a quickly solution for not change a all code,

regards

[Kate]

Hello Julieta,

You could alter the width of the group by using the following css class selector:

div.RadRibbonBar div.rrbButtonGroup {   width: 100px !important;    }

Best wishes,
Kate
the Telerik team

[July]

Thanks kate!
I need only for specify group.

I try this

 if(groupTab.Text.ToLower() == "community")   {
                        groupTab.CssClass = "communityWitdh";
  }

.css:

.communityWitdh{width: 100px !important; }

But this does not work,

How I can define this Css for specific group.

it is posible??
Thanks

[Bozhidar]

Hi Julieta,

Since you are creating the ribbon bar programmaticaly, when you create the group, add the following line of code:

...
group2.CssClass = "customGroupWidth";
tab.Groups.Add(group);
...

Then modify the CSS selector like this:

div.RadRibbonBar div.rrbButtonGroup.customGroupWidth {   width: 100px !important;    }

I've also attached a sample page showing how this works.

All the best,
Bozhidar
the Telerik team

[July]

Yesssssssss this works!!
thanks

[July]

Sorry buyt in IE 7/8 Does not work :-(

[Kate]

Hello Julieta,

I encounter the issue that you mention only in IE7, while in IE8 the code provided by Bozhidar works as expected. It seems that only in IE7 the container that holds the RibbonBarGroup does not resize automatically and therefore the RadRibbonBarGroup whose width you need to alter does not take effect. Therefore you will need to resize this contained as well. However, adding the following css class selector you can workaround the issue for IE7:

* + html div.RadRibbonBar .rrbButtonAreaIn
        {   width: 360px !important;    }

Greetings,
Kate
the Telerik team

[July]

Thanks kate!
This works!