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

How to resize Radcombobox

1 Answer 357 Views
ComboBox
This is a migrated thread and some comments may be shown as answers.
Jacek
Top achievements
Rank 1
Jacek asked on 20 Mar 2012, 04:13 PM
How in the simplest way to resize whole component to make it bigger ?

1 Answer, 1 is accepted

Sort by
0
Princy
Top achievements
Rank 2
answered on 21 Mar 2012, 08:04 AM
Hello,

I suppose you want to resize the inputarea, dropdownwidth, height and font-size. If that is the case you can easily achieve that by using Simple skin.Try the following CSS.
CSS:
<style type="text/css">
 div.RadComboBox_Simple,div.RadComboBox_Simple .rcbInput
  {
   line-height: 120px;
  }
 div.RadComboBox_Simple table tr td.rcbInputCell
  {
   height: 118px;
   line-height: 118px;
  }
 div.RadComboBox_Simple td.rcbArrowCell a
  {
   height: 117px;
  }
 div.RadComboBox_Simple table tr td.rcbArrowCell
  {
   background-image: url('../Images/rcbsimplesprite.png');
   background-repeat: no-repeat;
   background-position: 0 50%;
  }
 div.RadComboBox_Simple td.rcbArrowCell
  {
   background-position: 0 50%;
  }
 div.RadComboBox_Simple .rcbHovered .rcbArrowCell
  {
   background-position: -20px 50%;
  }
 div.RadComboBox_Simple .rcbFocused .rcbArrowCell
  {
   background-position: -40px 50%;
  }
 div.RadComboBox_Simple .rcbDisabled .rcbArrowCell
  {
   background-position: -60px 50%;
  }
 .RadComboBox_Simple, .RadComboBox_Simple .rcbInput, .RadComboBoxDropDown_Simple
  {
   font-size:20px !important;
  }
</style>

ASPX:
<telerik:RadComboBox ID="RadComboBox1" runat="server" Skin="Simple" Height="200px" Width="200px" >
</telerik:RadComboBox>

Thanks,
Princy.
Tags
ComboBox
Asked by
Jacek
Top achievements
Rank 1
Answers by
Princy
Top achievements
Rank 2
Share this question
or