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

Skin Images Overridden

1 Answer 27 Views
Splitter
This is a migrated thread and some comments may be shown as answers.
-DJ-
Top achievements
Rank 1
-DJ- asked on 05 Aug 2008, 04:31 PM
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-

1 Answer, 1 is accepted

Sort by
0
Svetlina Anati
Telerik team
answered on 06 Aug 2008, 10:29 AM
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.
Tags
Splitter
Asked by
-DJ-
Top achievements
Rank 1
Answers by
Svetlina Anati
Telerik team
Share this question
or