Hi Manuel,
You should handle RadWindow's OnClientShow client-side event, and set new background image to the RadWindow's content cell. I created a simple example for you, which illustrates how to accomplish this goal:
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<
head
runat
=
"server"
>
<
title
></
title
>
</
head
>
<
body
>
<
form
id
=
"form1"
runat
=
"server"
>
<
asp:ScriptManager
ID
=
"ScriptManager1"
runat
=
"server"
>
</
asp:ScriptManager
>
<
script
type
=
"text/javascript"
>
function WindowShow(oWin, args)
{
//Get the content cell which is used to show the loading image as background-image
var contentCell = oWin.get_contentFrame().parentNode;
var navigateUrl = oWin.get_navigateUrl();
var newImageUrl;
//Set new image url depending on navigateUrl
switch (navigateUrl)
{
case "ContentWindow1.aspx":
{
newImageUrl = "url(1.gif)";
break;
}
case "ContentWindow2.aspx":
{
newImageUrl = "url(2.jpg)";
break;
}
}
//Only set new image if we know the page. Otherwise it will be with the "default" image
if (newImageUrl != null)
{
contentCell.style.backgroundImage = newImageUrl;
}
}
</
script
>
<
div
>
<
telerik:RadWindowManager
ID
=
"RadWindowManager1"
runat
=
"server"
>
<
Windows
>
<
telerik:RadWindow
ID
=
"RadWindow1"
VisibleOnPageLoad
=
"true"
NavigateUrl
=
"ContentWindow1.aspx"
OnClientShow
=
"WindowShow"
Left
=
"100px"
></
telerik:RadWindow
>
<
telerik:RadWindow
ID
=
"RadWindow2"
VisibleOnPageLoad
=
"true"
NavigateUrl
=
"ContentWindow2.aspx"
OnClientShow
=
"WindowShow"
Left
=
"300px"
></
telerik:RadWindow
>
</
Windows
>
</
telerik:RadWindowManager
>
</
div
>
</
form
>
</
body
>
</
html
>
Let us know if you have any other questions.
All the best,
Petio Petkov
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the
Telerik Public Issue Tracking system and vote to affect the priority of the items.