Skin Images Overridden

2 posts, 0 answers
  1. -DJ-
    -DJ- avatar
    263 posts
    Member since:
    Oct 2004

    Posted 05 Aug 2008 Link to this post

    Hi,

    I'm currently skinning the splitter.

    My horizontal arrow images for collapsing and expanding areas seem to be overridden by some default arrows...

    In these classes:

    collapseBarHorizontalCollapse
    collapseBarHorizontalCollapseOver
    collapseBarHorizontalExpand
    collapseBarHorizontalExpandOver

    I have the background set to new (png) images, but they are never displayed.

    Regards,
    -DJ-
  2. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 06 Aug 2008 Link to this post

    Hi -DJ-,

    The CSS classes you have used are the correct ones, which are needed to set a new image for the RadSplitBar icon. I assume that you have missed to add the keyword !important after your declarations - it is required to give a higher priority to your custiom setting instead of the default one.

    I tested with the following code:

        .collapseBarHorizontalCollapse,  
        .collapseBarHorizontalCollapseOver,  
        .collapseBarHorizontalExpand,  
        .collapseBarHorizontalExpandOver  
        {  
           background-imageurl(alertIcon.gif)!important;  
        } 

    and the image was correctly set as expected.


    Sincerely yours,
    Svetlina
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top