Overriding sking properties

[Rick]

Hi,

In my Skin file I've amended the standard skin with the following:

<telerik:RadComboBox Skin="MySkin" EnableEmbeddedSkins="false" AllowCustomText="true" MaxHeight="300" runat="server" />

On one of my pages I want to override the MaxHeight property to be 100. I've tried the following but it always displays 300px

<telerik:RadComboBox ID="RadComboBoxProducts" DataSourceID="odsProducts" Filter="Contains" DataTextField="ProductName" DataValueField="ProductID"
    Width="205" DropDownWidth="300" MaxHeight="100" runat="server">
</telerik:RadComboBox>

Any ideas?

[Shinu]

Hi Rick,

One suggestion will be to use the SkinID property. You can set two different SkinIDs with different values set for MaxHeight property.

Skin File:

<telerik:RadComboBox Skin="MySkin"  SkinID="MySkinID1" EnableEmbeddedSkins="false"   BackColor="red"  AllowCustomText="true" MaxHeight="300" runat="server" />

<telerik:RadComboBox Skin="MySkin"  SkinID="MySkinID2" EnableEmbeddedSkins="false"   BackColor="blue"  AllowCustomText="true" MaxHeight="100" runat="server" />

ASPX:

 <telerik:RadComboBox ID="RadComboBox1" runat="server"  SkinID="MySkinID1"  >
        </telerik:RadComboBox>

          <telerik:RadComboBox ID="RadComboBox2" runat="server"  SkinID="MySkinID2"   >
        </telerik:RadComboBox>

Thanks
Shinu