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

Radwindow .show() method issue

3 Answers 132 Views
Window
This is a migrated thread and some comments may be shown as answers.
shunman
Top achievements
Rank 1
shunman asked on 08 Sep 2011, 05:26 AM
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">
 
<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

Sort by
0
Shinu
Top achievements
Rank 2
answered on 08 Sep 2011, 06:38 AM
Hello Shunman,

The following forum thread discussed the similar scenario.
Radwindow displays icons at the bottom of the window.

Thanks,
Shinu.
0
shunman
Top achievements
Rank 1
answered on 08 Sep 2011, 07:27 AM
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.
0
shunman
Top achievements
Rank 1
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">
<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>
Tags
Window
Asked by
shunman
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
shunman
Top achievements
Rank 1
Share this question
or