[Solved] Blank Collapse/Expand image

[cds_user]

I needed to create a custom header back color for my RadGrid. I tried setting the HeaderStyle to my desired color but only portion of the header would display the color. Therefore I created a Custom Skin and now the entire background header is set to this color. The problem now is that my Collapse/Expand images are showing blank sprite buttons. Prior to me changing to a custom skin my Collapse/Expand images were clearly shown or displayed. I have tried setting the CollapseImageUrl and ExpandImageUrl to the custom skin but this has not helped, any help on this issue would be appreciated.

[Thomas Salt]

have you tried explicitly setting the mastertableview/expandcollapsecolumn-collapseimageurl?  That may work.  I know it's not the best way to do it, but check it out.

[cds_user]

Yes, I tried this but it did not work.

[Dimo]

Hi Michael,

Please make sure you have the following styles in your custom RadGrid skin:

.RadGrid_SkinName .rgExpand,
.RadGrid_SkinName .rgCollapse
{
    width:16px;
    height:16px;
    border:0;
    margin:0;
    padding:0;
    background-color:transparent;
    background-image:url('......your-sprite-image-here.........');
    background-repeat:no-repeat;
    vertical-align:middle;
    font-size:1px;
    cursor:pointer;
}


.RadGrid_SkinName .rgGroupHeader .rgExpand
{
    background-position:........ correct position here ........ ;
}

.RadGrid_SkinName .rgGroupHeader .rgCollapse
{
    background-position:........ correct position here ........ ;
}


By the way, ExpandImageUrl and CollapseImageUrl can be set only at runtime, e.g. in the ColumnCreated event handler.


Regards,
Dimo
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.

[cds_user]

Thanks, it working now.