This is a migrated thread and some comments may be shown as answers.

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

4 Answers 178 Views
ComboBox
This is a migrated thread and some comments may be shown as answers.
Sunil
Top achievements
Rank 1
Sunil asked on 18 May 2011, 09:42 AM
<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

4 Answers, 1 is accepted

Sort by
0
Accepted
Kate
Telerik team
answered on 20 May 2011, 04:23 PM
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.

0
Sunil
Top achievements
Rank 1
answered on 24 May 2011, 01:23 PM
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..
0
Accepted
Princy
Top achievements
Rank 2
answered on 24 May 2011, 02:03 PM
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.
0
Sunil
Top achievements
Rank 1
answered on 25 May 2011, 06:43 AM
Thanks a lot Princy...
Tags
ComboBox
Asked by
Sunil
Top achievements
Rank 1
Answers by
Kate
Telerik team
Sunil
Top achievements
Rank 1
Princy
Top achievements
Rank 2
Share this question
or