radwindow as progress indicator...

[Thomas Lang]

Hello,

the situation:

display a modal window with content template to show progres of an asynch page load
i.e:

 

<telerik:RadWindow VisibleTitlebar="false"
ID="AccountLoadProgressWnd" runat="server" Modal="true" ReloadOnShow="true" VisibleStatusbar="false" Behaviors="None" >

 

 

<ContentTemplate >

 

 

Loading account <span id='percentageComplete' ></span>

 

 

</ContentTemplate>

 

 

</telerik:RadWindow>

2) main page performs x number of ajax requests to load info on underlying page

Question:

i want to reference the <span id='percentageComplete' ></span>
element in the modal window.

How do i do it?

 

[Shinu]

Hello Thomas,


I hope the following demo would shed some light in accomplishing the functionality for you.
Window / Use as controls container



-Shinu.

[Georgi Tunev]

Hi Thomas,

The SPAN element is a standard HTML container, so you could use document.getElementByID or $get:

<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<telerik:RadWindow VisibleTitlebar="false" ID="AccountLoadProgressWnd" runat="server"
    Modal="true" ReloadOnShow="true" VisibleOnPageLoad="true" VisibleStatusbar="false"
    Behaviors="None">
    <ContentTemplate>
        Loading account: <span id='percentageComplete'></span>
    </ContentTemplate>
</telerik:RadWindow>
<button onclick="updateInfo(); return false;">
    update info</button>
<script type="text/javascript">
    function pageLoad()
    {
        var spanContainer = $get("percentageComplete");
        spanContainer.innerHTML = " <strong>User Account </strong>";
    }

</script>
</form>

All the best,
Georgi Tunev
the Telerik team