Two rows header skin style

4 posts, 1 answers
  1. Vasssek
    Vasssek avatar
    181 posts
    Member since:
    Aug 2010

    Posted 10 Aug 2012 Link to this post

    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
  2. Nencho
    Admin
    Nencho avatar
    1796 posts

    Posted 10 Aug 2012 Link to this post

    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
    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.
  3. Vasssek
    Vasssek avatar
    181 posts
    Member since:
    Aug 2010

    Posted 11 Aug 2012 Link to this post

    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
  4. Answer
    Nencho
    Admin
    Nencho avatar
    1796 posts

    Posted 13 Aug 2012 Link to this post

    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
    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.
Back to Top