Can't find CSS element

7 posts, 0 answers
  1. Richard
    Richard avatar
    9 posts
    Member since:
    Feb 2014

    Posted 02 Apr 2014 Link to this post

    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 
  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 02 Apr 2014 in reply to Richard Link to this post

    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.

  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Richard
    Richard avatar
    9 posts
    Member since:
    Feb 2014

    Posted 03 Apr 2014 in reply to Shinu Link to this post

    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
  5. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 03 Apr 2014 in reply to Richard Link to this post

    Hi Richard,

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

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

    Thanks,
    Shinu.
  6. Richard
    Richard avatar
    9 posts
    Member since:
    Feb 2014

    Posted 04 Apr 2014 in reply to Shinu Link to this post

    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
  7. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 07 Apr 2014 in reply to Richard Link to this post

    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.
  8. Magdalena
    Admin
    Magdalena avatar
    421 posts

    Posted 07 Apr 2014 Link to this post

    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.

     
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017