Skins not rendering the same in SharePoint

[Eric Skaggs]

I've noticed that some (I can't say for sure if all of them are doing this) of the skins render differently in a SharePoint site than they do in a standard asp.net web app.  Any ideas why this is? 

Here's my example (unfortunately without screenshots):

I have a RadComboBox sitting on an application page in a WSS 3.0 environment.  It's using the "WebBlue" skin, but it's missing a bottom border.  In a standard asp.net web app, it has the bottom border as it should.  I'm no CSS pro, but I've tried everything I can think of with CSS to get a border under it and simply cannot figure out how to do it.  My assumption is that there is something going on with the styles built into SharePoint that's causing this to happen, but I'd like to get a second opinion.  For now my work-around has been to use the "Web20" skin; it seems to be unaffected by SharePoint.

And for kicks here's the markup for each one:

WebBlue (missing the bottom border when it's in my SharePoint environment)

 

	<telerik:RadComboBox Height="132px"
	ID="cbo1"
	Skin="WebBlue"
	Font-Size="8.3pt"
	Font-Names="Tahoma"
	Runat="server"
	Sort="Ascending"/>

Web20 (looks like it's supposed to)

	<telerik:RadComboBox Height="132px"
	ID="cbo2"
	Skin="Web20"
	Font-Size="8.3pt"
	Font-Names="Tahoma"
	Runat="server"
	Sort="Ascending"/>

Any thoughts?

Eric Skaggs

[Alex Gyoshev]

Hello Eric,

You can fix the problem by adding the following CSS styles to the page:

div.RadComboBox td.rcbInputCell,
div.RadComboBox td.rcbArrowCell
{
    height: 21px !important;
}

I am sorry for the frustration this caused - we will update all the skins accordingly.

Sincerely yours,
Alex
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.