not able to set the height of the textbox of the RadComboBox

5 posts, 2 answers
  1. Sunil
    Sunil avatar
    28 posts
    Member since:
    Feb 2011

    Posted 18 May 2011 Link to this post

    <head runat="server">
        <title></title>
         
     
    <style type="text/css"
    div.RadComboBox_Default table .rcbInputCell,
    div.RadComboBox_Default table .rcbArrowCell 
        background-color: red; 
        height: 11px;  
        line-height: 10px;
        padding: 0;
      
    div.RadComboBox_Default table .rcbInputCell input
    {
        height: 11px;
        line-height: 10px;
        font:10px arial,verdana,sans-serif;
        height: 11px;
        padding: 0;
    }
      
    .rcbInput
    {
        height: 11px !important;
    }
    </style
     
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
            <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
            </telerik:RadScriptManager>
     
            <telerik:RadComboBox ID="RadComboBox1" runat="server" >
                <Items>
                    <telerik:RadComboBoxItem text="12345" />
                    <telerik:RadComboBoxItem text="12345" />
                    <telerik:RadComboBoxItem text="12345" />
                    <telerik:RadComboBoxItem text="12345" />
                    <telerik:RadComboBoxItem text="12345" />
                    <telerik:RadComboBoxItem text="12345" />
                </Items>
            </telerik:RadComboBox>       
            <telerik:RadTextBox ID="RadTextBox1" runat="server" Height="11px"></telerik:RadTextBox>
            <br/> <br/> <br/>
            <telerik:RadComboBox ID="RadComboBox2" runat="server" EnableEmbeddedSkins="false" >
                <Items>
                    <telerik:RadComboBoxItem text="12345" />
                    <telerik:RadComboBoxItem text="12345" />
                    <telerik:RadComboBoxItem text="12345" />
                    <telerik:RadComboBoxItem text="12345" />
                    <telerik:RadComboBoxItem text="12345" />
                    <telerik:RadComboBoxItem text="12345" />
                </Items>
            </telerik:RadComboBox>
            <telerik:RadTextBox ID="RadTextBox2" runat="server" Height="11px"></telerik:RadTextBox>
            
        </div>
        </form>
        
     
    </body>
    </html>
    Hello SIr/Mam

    I'm wanted to set the height of the textbox of the RadComboBox to 11 px.
    I have read and tried the code posted on forum(http://www.telerik.com/community/forums/aspnet-ajax/combobox/how-to-set-the-height-of-the-textbox-of-the-radcombobox.aspx) But still i'm not able to set its height .
    Please help me out from this problem, Any help will be greatly appreciated.


    Regards
    Sunil
  2. Answer
    Kate
    Admin
    Kate avatar
    1898 posts

    Posted 20 May 2011 Link to this post

    Hello Sunil,

    In order for the styles that you need to apply to take effect you will also need to remove the sprite that is applied to the RadComboBox by adding the following css file selector:
    div.RadComboBox_Default .rcbInputCellLeft, div.RadComboBox_Default .rcbInputCellRight, div.RadComboBox_Default .rcbArrowCellLeft, div.RadComboBox_Default .rcbArrowCellRight
           {
               background-image: none;
           }
           .RadComboBox *
           {
               height: 11px !important;
           }

    Please note also that, when you remove the sprite the effect of the rounded corners and the arrow will not appear since they are part of the sprite of the RadComboBox control.

    Kind regards,
    Kate
    the Telerik team

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

  3. Sunil
    Sunil avatar
    28 posts
    Member since:
    Feb 2011

    Posted 24 May 2011 Link to this post

    Thanks a lot ,
    But i'm not able to view border, even i tried to apply via style but its not working.
    Is ther any other way to set border..
  4. Answer
    Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 24 May 2011 Link to this post

    Hello Sunil,

    Try setting the following CSS to set border for ComboBox.

    CSS:
    <style type="text/css">
     div.RadComboBox_Default .rcbInputCellLeft, div.RadComboBox_Default .rcbInputCellRight, div.RadComboBox_Default .rcbArrowCellLeft, div.RadComboBox_Default .rcbArrowCellRight
     {
        background-image: none;
          border:Solid 1px Black !important;
    }
    </style>

    Thanks,
    Princy.
  5. Sunil
    Sunil avatar
    28 posts
    Member since:
    Feb 2011

    Posted 25 May 2011 Link to this post

    Thanks a lot Princy...
Back to Top