Two rows header skin style

[Vasssek]

Hello,

I have problem with combobox header when it contains two rows. Background image is repeated instead of spread on whole header height.

My default Skin which causes this issue is Office2010Silver.

Does somebody know, how to apply radgrid header class rgHeader on combobox header class rcbHeader, because when radgrid has two rows header column, the background image looks good...

For further information, please check the attachment.

Please help me to solve this issue.

Best regards

Vasssek

[Nencho]

Hello Vasssek,

Could you please send us your HeaderTemplate declaration to examine it locally?  Also, do you experience the same issue with other skins, for example with the "Telerik" Skin?


Greetings,
Nencho
the Telerik team

[Vasssek]

Hello,

Skins like Hay, Sunset and Telerik looks normally. Problematic skins are Office2010Silver, blue and black...

<HeaderTemplate>
     <table cellspacing="0" cellpadding="0">
          <tr>
                <td style="width: 150px; white-space: nowrap">
                        Názov
                <td>
                <td style="width: 40px; padding-right: 10px;">
                        Skrátené označenie
                </td>
           </tr>
    </table>
</HeaderTemplate>

Plase give me an advice, how can i apply radgrid muti row column header style to combo box as I described it in the previous message.

Best regards
Vasssek

[Nencho]

Hello Vasssek,

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:

<style type="text/css">
       html .myDropDown .rcbHeader
       {
           background-image: none;
       }
   </style>

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,
Nencho
the Telerik team