Setting Row Height w/Template

2 posts, 0 answers
  1. dhuss
    dhuss avatar
    120 posts
    Member since:
    Sep 2009

    Posted 26 Sep 2012 Link to this post

    I am using a custom skin for my controls. In my ComboBox.css I have the following CSS code:
    .RadComboBox_Hew .rcbInput,
    .RadComboBox_Hew .rcbInputCell
    {
        text-transform: uppercase;
        height:auto;
    }
     This works fine for a radComboBox that doesn't use a header/item template. The row height matches the font height. When used with a radComboBox with a template, the row height is roughly twice the height of the font. What CSS tag do I need to use to control the row height when using a template?




  2. Nencho
    Admin
    Nencho avatar
    1796 posts

    Posted 28 Sep 2012 Link to this post

    Hi Dennis,

    You could try to use the .rcbTemplate and .rcbInput selectors in order to apply the desired styles. Please consider the following approach :

    <style type="text/css">
            .rcbInput {
                text-transform: uppercase;
            }
            .rcbTemplate {
                text-transform: uppercase;
                height: 30px !important;
            }
        </style>


    Kind regards,
    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