Radwindow .show() method issue

4 posts, 0 answers
  1. shunman
    shunman avatar
    77 posts
    Member since:
    Jul 2011

    Posted 08 Sep 2011 Link to this post

    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>


  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 08 Sep 2011 Link to this post

    Hello Shunman,

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

    Thanks,
    Shinu.
  3. shunman
    shunman avatar
    77 posts
    Member since:
    Jul 2011

    Posted 08 Sep 2011 Link to this post

    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.
  4. shunman
    shunman avatar
    77 posts
    Member since:
    Jul 2011

    Posted 08 Sep 2011 Link to this post

    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>
Back to Top