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 236 Views

ComboBox

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

Sunil asked on 18 May 2011, 09:42 AM

<html xmlns="http://www.w3.org/1999/xhtml">

<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" />

</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" />

</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

Accepted

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.

Accepted