By design, the HeaderTemplate of the RadComboBox is intended for a single line header text. If the text exceeds the width of the HeaderTemplate, it splits on two rows, but you need to tweak styles.
There are couple of work-around approaches for the described issue:
- First one is to alter the width of the RadComboBox, the DropDown or the second cell of the HeaderTemplate, so that the text could fit for a single line HeaderTemplate;
- Another approach is to alter the DropDownCssClass in a manner to configure your own custom background for the HeaderTemplate. By setting the DropDownCssClass property of the RadComboBox to "myDropDown" for example, you could apply the following changes:
html .myDropDown .rcbHeader
The above snippet will remove the background image ONLY
and will leave the background color.
As for your second question, using skins for an another RadControl
is not an applicable scenario, unless you manage to create your own, similar to the desired one.
In brief, I recommend you to simply enlarge the Width property for a single line HeaderTemplate
All the best,
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