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

RadGroup Width

7 Answers 60 Views
RibbonBar
This is a migrated thread and some comments may be shown as answers.
July
Top achievements
Rank 2
July asked on 31 Oct 2011, 08:05 PM
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

7 Answers, 1 is accepted

Sort by
0
Kate
Telerik team
answered on 02 Nov 2011, 01:22 PM
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
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
0
July
Top achievements
Rank 2
answered on 30 Nov 2011, 05:51 PM
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
0
Bozhidar
Telerik team
answered on 02 Dec 2011, 11:33 AM
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
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
0
July
Top achievements
Rank 2
answered on 02 Dec 2011, 03:13 PM
Yesssssssss this works!!
thanks
0
July
Top achievements
Rank 2
answered on 02 Dec 2011, 08:36 PM
Sorry buyt in IE 7/8 Does not work :-(
0
Accepted
Kate
Telerik team
answered on 07 Dec 2011, 01:45 PM
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
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
0
July
Top achievements
Rank 2
answered on 07 Dec 2011, 06:20 PM
Thanks kate!
This works!
Tags
RibbonBar
Asked by
July
Top achievements
Rank 2
Answers by
Kate
Telerik team
July
Top achievements
Rank 2
Bozhidar
Telerik team
Share this question
or