Css problem

3 posts, 0 answers
  1. FAR
    FAR avatar
    26 posts
    Member since:
    May 2009

    Posted 18 Sep 2009 Link to this post

    Hi, i have my own skin for my slider, (vertical slider)

    with :

     
    .RadSlider_simbaSkin .rslItemsWrapper .rslItemSelected  
    {   /*background: url('Slider/DragVerticalHandle.png') no-repeat;*/ 
        backgroundurl('Slider/DragVerticalHandle.png'no-repeat
        /*border:1px solid green;*/ 
        color#999900

    Everything is working fine, except when my first element is selected, where there is no background image;

    I've searched why, and with FireBug i found this :

    .Radslider .rslVertical .rslItemsWrapper .rslItemFirst, .RadSlider .rslHorizontal .rslItemsWrapper .rslItemFirst { 
    background-image:none

    And its removing my background image when my first element is selected.

    And it's not in my code or in my css file, its in a "WebResource.axd?d=YR8ix.............................................&t=6338....0316" file.


    How can i find this line and delete it ?

  2. Schlurk
    Schlurk avatar
    812 posts
    Member since:
    May 2009

    Posted 22 Sep 2009 Link to this post

    Give this a go, should help with the issue:

    .RadSlider_simbaSkin .rslItemsWrapper .rslItemSelected   
    {   /*background: url('Slider/DragVerticalHandle.png') no-repeat;*/  
        backgroundurl('Slider/DragVerticalHandle.png'no-repeat !important;  
        /*border:1px solid green;*/  
        color#999900;  
    }  

  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Tsvetie
    Admin
    Tsvetie avatar
    1517 posts

    Posted 23 Sep 2009 Link to this post

    Hi FAR,
    The line that you are looking for is in the common CSS file for the RadSlider control - Slider.CSS. You can either use a custom common CSS file by setting EnableEmbeddedBaseStylesheet = false for the slider and adding a reference to this custom file on your page as well, or you can increase the weight of your CSS selector just as Schlurk suggested. You can read more about disabling embedded resources and custom skins in our online documentation.

    Kind regards,
    Tsvetie
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
Back to Top