With the RibbonBarTemplateItem you can extend the built-in palette of items RadRibbonBar
provides. Inside a template item you can put different content matching your page
design needs, e.g.:
- HTML
- ASP.NET controls
- Telerik UI for ASP.NET AJAX
The template takes up one 'group row' (of the total three) in height and is not
limited in width. The most suitable template content height is 22px.
Because of the rendering of RadRibbonBar drop downs cannot overflow the group unless
they are detached from their initial position in the rendering. In order to overcome
this in case the drop downs cannot detach you can apply the following style to RadRibbonBar:
div.RadRibbonBar .rrbButtonArea,
div.RadRibbonBar .rrbButtonGroupIn,
div.RadRibbonBar .rrbControlGroup
{
overflow: visible;
}
This will show all overflowing elements, however it will break the resizing of RadRibbonBar,
so we advise you to disable resizing in case the above style is applied.