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

Rounded Corners RadComboBox 2013.2.611.40

1 Answer 289 Views
Input
This is a migrated thread and some comments may be shown as answers.
Al
Top achievements
Rank 1
Al asked on 22 Oct 2013, 02:51 PM
I'm trying to round the corners on the radtextbox and radcombobox. I used telerik visual style builder the get my style  close as possible but the tool dose not have the ability to modify border-radius . I have applied my skin using EnableEmbeddedSkins="false" Skin="My custom skin name ".  It all works as intended , but I then go and tweak the css as needed, I can get the background of the inputs the have a border radius no problem along with many other css changes but the actual 1px border will not take a border-radius, it as if there is some global ultra style that is over powering this one css property.

The base skin from the style builder is "Simple" if that helps

this dose not work totally
 .RadComboBox table td.rcbInputCell{
border-radius: 0 0 0 4px !important;
}
.rcbArrowCell{
border-radius:0 4px 4px 0 !important;
}

this works as it should

.riTextBox{
border-radius:0 4px 4px 4px !important;
}

If someone can provide stripped out RadComboBox css with rounded corners (NO SPRITES) I can make it work for my purposes or tell me how to remove the global hulksmash code that is overriding everything logical
Thanks

1 Answer, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 2
answered on 23 Oct 2013, 04:06 AM
Hi Al,

Please have a look into the following CSS I tried works fine at my end.

CSS:
.RadComboBox table td.rcbInputCell
{
    border-radius: 7px 0 0 7px !important;
    border : 1px solid gray;
}
.rcbArrowCell
{
    border-radius:0 7px 7px 0 !important;
    border : 1px solid gray;
}

Thanks,
Shinu.
Tags
Input
Asked by
Al
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
Share this question
or