ASP.NET AJAX Discussion and Suggestions

Re: How to make Div Model

Abdul Javed Khan — Tue, 07 Oct 2008 09:22:04 GMT

Actually i am developing application on ArcGIS Server.ArcGIS Server comes with default ajax control & the above listed controls are not present.

Thanks & Regards

Abdul Javed Khan

Re: How to make Div Model

yrajasekhar — Tue, 07 Oct 2008 08:50:01 GMT

Hi,

These controls are part of ASP.NET AJAX Control Toolkit. You can download this toolkit from http://www.asp.net/ajax/downloads/

Re: How to make Div Model

Abdul Javed Khan — Tue, 07 Oct 2008 08:32:52 GMT

Thank you very much for reply.

But i am using Microsoft ajax & i don't see control like..UpdatePanelAnimationExtender &ModalPopupExtender.

I have to use only Microsoft ajax.

Thanks

Abdul Javed Khan

Re: How to make Div Model

yrajasekhar — Tue, 07 Oct 2008 06:07:26 GMT

Hi,

See this article http://mattberseth.com/blog/2007/07/modalpopup_as_an_ajax_progress.html

How to make Div Model

Abdul Javed Khan — Tue, 07 Oct 2008 03:25:18 GMT

I am asp.net developer.

I am using ajax update progress in my application. it is working fine.

I want to show a model div under update progress so that no one can perform anything until "loading.." message is visible.

I have done it...but the only thing is that div under update progress is not model..

My code is like below..

<asp:UpdatePanel ID="MyUpdatePanel" runat="server" UpdateMode="Conditional">
                <ContentTemplate>
                    <asp:Button ID="btnProcess" runat="server" Text="Process" />
                </ContentTemplate>
            </asp:UpdatePanel>
            <asp:UpdateProgress ID="updateProgress" runat="server">
                <ProgressTemplate>
                    <div id="progressBackgroundFilter" class="Process">
                    </div>
                    <div id="processMessage" class="Loading">
                        <label style="font-weight: bold; color: Red;">
                            Loading...</label>
                        <img alt="Loading" src="image/loading1.gif" />
                    </div>
                </ProgressTemplate>
            </asp:UpdateProgress>

And the css im using are:-

.Process
{
position:absolute;
top:5%;
left:5%;
width:90%;
height:90%;
z-index:1001;
background-color:#dddddd;
}

.Loading
{
position:absolute;
top:30%;
left:43%;
padding:10px;
width:14%;
z-index:1001;
background-color:#ffffff;
}

Please help me in this issue..

Thanks & Regards,

Abdul Javed Khan