[Solved] Transparency Issue with Ajax Loading Panel

[George Catobus]

Is it possible to set the transparency of the loading panel without affecting the opacity of the loading image? I would like to increase the transparency of the panel to 70%, but this makes the loading image hardly visible. Is there a way to seperate these two?

[Dimo]

Hello George,

What you want to achieve is possible if you use the new RadAjaxLoadingPanel skinning mechanism (available in Q1 2009):

http://www.telerik.com/help/aspnet-ajax/skins.html

You can create a custom skin, based on one of the embedded skins, and set opacity of your preference:

http://www.telerik.com/help/aspnet-ajax/createcustomskin.html

The custom skin should look like this:


.RadAjax_MySkinName  .raDiv
{
    background-image:url('................');
}

.RadAjax_MySkinName  .raColor
{
    background-color:...............;
}

.RadAjax_MySkinName  .raTransp
{
    opacity:0.7;
    -moz-opacity:0.7;
    filter:alpha(opacity=70);
}


Best wishes,
Dimo
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[George Catobus]

Perfect. Exactly what I needed. Thank you.