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

Can't find CSS element

6 Answers 92 Views
DropDownList
This is a migrated thread and some comments may be shown as answers.
Richard
Top achievements
Rank 1
Richard asked on 02 Apr 2014, 02:41 PM
I cannot find the correct CSS element to color the area just inside the border and outside .inner (or .fake input). Please see attached image.
A cannot find documentation for all the rddl elements like the combo box 

6 Answers, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 2
answered on 03 Apr 2014, 04:43 AM
Hi Richard,

I guess that you want give the border color for the Fakeinput and Icon of the RadDropDownlist. Please have a look into the following CSS which works fine at my end.

CSS:
<style type="text/css">
    .rddlFakeInput
    {
       border : 1px solid blue !important;
    }
    .rddlIcon
    {
        border : 1px solid blue !important;
    }
</style>

Thanks,
Shinu.

0
Richard
Top achievements
Rank 1
answered on 03 Apr 2014, 11:51 AM
Thanks, This worked for me;
 .rddlFakeInput,  .rddlIcon,  .rddlInner
    {
        border : none !important;
         background-color:#0073AC !important;
    }
There is one more border I cannot find. Please see attached
0
Shinu
Top achievements
Rank 2
answered on 04 Apr 2014, 02:52 AM
Hi Richard,

Please try the following CSS which works fine at my end.

CSS:
.rddlList, .rddlPopup
{
    border: 1px solid blue !important;
}

Thanks,
Shinu.
0
Richard
Top achievements
Rank 1
answered on 04 Apr 2014, 11:40 AM
That added a 1px blue border but the black outline is still there. (see attached)
Keep in mind I am overriding a BlackMetroTouch embedded skin
0
Shinu
Top achievements
Rank 2
answered on 07 Apr 2014, 11:46 AM
Hi Richard,

Please try the following CSS which works fine at my end.

CSS:
.rddlList,.rddlItem,.RadDropDownList .RadDropDownList_BlackMetroTouch,.rddlSlide,.rddlPopup
{
    border:1px solid blue !important;
}
.rddlPopup_BlackMetroTouch
{
    background: blue !important;
}

Thanks,
Shinu.
0
Magdalena
Telerik team
answered on 07 Apr 2014, 01:50 PM
Hello Richard,

It seems the color of border comes from custom styles, because the border of the popup in the BlackMetroTouch skin is light gray. If the custom stylesheet overwrite only the color of border, the following CSS should resolve the issue
html .rddlPopup {
    border: none;
}

If this solution does not work, there is some stronger selector in the custom style sheets which overwrite the html .rddlPopup. In this case could you provide us with a runnable project, live URL or screen shot of developer tool where we can see the applied stylesheets to the rddlPopup? This would help us to can assist you in more efficient way.

Regards,
Magdalena
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
Tags
DropDownList
Asked by
Richard
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
Richard
Top achievements
Rank 1
Magdalena
Telerik team
Share this question
or