This is a migrated thread and some comments may be shown as answers.

Radwindow .show() method issue

3 Answers 183 Views

Window

This is a migrated thread and some comments may be shown as answers.

shunman asked on 08 Sep 2011, 05:26 AM

BrowserTest.png

hi. i have a problem.
when i call the .show() method from cliend-side and redirect the page, Radwindow looks like broken.
i'm attaching screen capture image about this issue.

My sample code is

<%@ Page Language="VB" AutoEventWireup="false" CodeBehind="Default.aspx.vb" Inherits="RadwindowTest._Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

</head>

<body>

<form id="form1" runat="server">

<script type="text/javascript">

function showloading() {

var pageLoadWindow = $find("<%=RadWindowPageLoad.ClientID %>");

pageLoadWindow.show();

document.location.href="http://google.com";

}

</script>

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

<Scripts>

<%--Needed for JavaScript IntelliSense in VS2010--%>

<%--For VS2008 replace RadScriptManager with ScriptManager--%>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

</Scripts>

</telerik:RadScriptManager>

<telerik:RadWindow ID="RadWindowPageLoad" AutoSize="false" Modal="true" Overlay="true"

VisibleTitlebar="true" Title="Processing..." Behaviors="None" VisibleStatusbar="false"

Width="400" Height="200" runat="server" Style="position: absolute; z-index: 9000;">

<ContentTemplate>

<div style="margin-top: 55px; text-align: center; vertical-align: middle;">

<asp:Image ID="ImagePageLoading" runat="server" />

</div>

</ContentTemplate>

</telerik:RadWindow>

<script type="text/javascript">

//Put your JavaScript code here.

</script>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

</telerik:RadAjaxManager>

<div>

<div onclick="return showloading();">click</div>

</div>

</form>

</body>

</html>

3 Answers, 1 is accepted

answered on 08 Sep 2011, 07:27 AM

exhibit.png

hi shinu. thanks for reply.
i have seen that link. still have a problem.
i have expecting that the problem is not taking radwindow's sprite images before moving link.

please refer the my attaching file.

thanks.

answered on 08 Sep 2011, 08:43 AM

i had solved this problem.
just trick for pre loading window before click.
now radwindow looks good every browser.

but i think it's not good solution.
hmm.

<%@ Page Language="VB" AutoEventWireup="false" CodeBehind="Default.aspx.vb" Inherits="RadwindowTest._Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head id="Head1" runat="server">

<title></title>

</head>

<body>

<form id="form1" runat="server">

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

<Scripts>

<%--Needed for JavaScript IntelliSense in VS2010--%>

<%--For VS2008 replace RadScriptManager with ScriptManager--%>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

</Scripts>

</telerik:RadScriptManager>

<telerik:RadWindow ID="RadWindowPageLoad" AutoSize="false" Modal="true" Overlay="true"

VisibleTitlebar="true" Title="Processing..." Behaviors="None" VisibleStatusbar="false"

Width="400" Height="200" runat="server" Style="position: absolute; z-index: 9000;">

<ContentTemplate>

<div style="margin-top: 55px; text-align: center; vertical-align: middle;">

<asp:Image ID="ImagePageLoading" runat="server" />

</div>

</ContentTemplate>

</telerik:RadWindow>

<script type="text/javascript">

//Put your JavaScript code here.

</script>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

</telerik:RadAjaxManager>

<div>

<div id="RedirectArea">

click</div>

</div>

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

<script type="text/javascript">

$(document).ready(function () {

var pageLoadWindow = $find("<%=RadWindowPageLoad.ClientID %>");

pageLoadWindow.show();

pageLoadWindow.close();

$("#RedirectArea").click(function () {

pageLoadWindow.show();

document.location.href = "http://www.google.com";

});

</script>

</telerik:RadCodeBlock>

</form>

</body>

</html>