Skin Images Overridden

[-DJ-]

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-

[Svetlina Anati]

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-image: url(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.