Hi Anders,
The reason for the problem is that WebKit-based browsers are loading the resources slower (the CSS and the images are coming from the resource axd file) than the other browsers.
In this case I could suggest 2 approaches. The first one is to manually insert the CSS for the Window from the resources - check the RadCodeBlock in the sample below. Note that you must make sure that you are using the corresponding skin.
Approach #2 is to use a "dummy" RadWindow that has VisibleOnPageLoad=true, but will be shown outside the viewport. You can close the window in the OnClientShow event handler.
<head runat="server">
<title></title>
<%--
Approach#1 - use the following link references - make sure that the skin's name matches (in the code below we are using the Default skin
<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
<link href='<%= Page.ClientScript.GetWebResourceUrl(typeof(RadWindow), "Telerik.Web.UI.Skins.Window.css") %>'
rel="stylesheet" type="text/css" />
<link href='<%= Page.ClientScript.GetWebResourceUrl(typeof(RadWindow), "Telerik.Web.UI.Skins.Default.Window.Default.css") %>'
rel="stylesheet" type="text/css" />
</telerik:RadCodeBlock>--%>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="Sc1" runat="server">
</asp:ScriptManager>
<telerik:RadWindowManager ID="radWindowManager" runat="server">
<Windows>
<%-- Approach #2 - use a "dummy" RadWindow that will be shown outside the viewport and closed after that in OnClientShow --%>
<telerik:RadWindow ID="dummyWin" runat="server" OnClientShow="OnClientShow" VisibleOnPageLoad="true"
Top="-10000" Left="-10000">
</telerik:RadWindow>
</Windows>
</telerik:RadWindowManager>
<button runat="server" onclick="openWin();">
test</button>
<script type="text/javascript">
function openWin() {
radopen("about:blank", "RadWindow1");
}
function OnClientShow(sender, args) {
sender.close();
}
</script>
I hope this helps.
Sincerely yours,
Georgi Tunev
the Telerik team