Raj Kaimal

Raj

Could you send me a little info on controlling where the graphic or whatever appears - I seem to be too stupid to figure out what CSS I need to add to center it etc.

Thanks

Any idea how to make this work when the UpdateProgress/UpdatePanel is inside an AJAXControlToolkit ModalPopupExtender already?  I think the issue is "when" the javascript calculates the position for the modal overlay.  It needs to do it *after* the MPE has positioned it (possible?)

Raj, this is great! I cannot get it to work however. I keep getting an Iframe javascript error. I'll keep playing with it, but keep it up. Great idea.

what a great control, i was looking around for such somthing, and u made my day

thanks alot

Mohamed Faramawi, Cairo,Egypt

Thanks very much for fixing the relative / absolute positioning issues in the latest release.

This is now an AWESOME control! Well done for a really great piece of work.

Okay is there a way to make the control cover a whole page not just the update panel ?

This code is exactly what I am trying to do, but it does not seem to be working for me.  Could you look at how I have implemented the code and comment on what I am doing wrong?

Thanks

<%@ Page Language="C#" MasterPageFile="~/P/P.master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="P_Find_Default" Title="Untitled Page" %>

<%@ Register Assembly="Flan.Controls" Namespace="Flan.Controls" TagPrefix="cc1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="MainHolder" Runat="Server">

 <asp:ScriptManager id="ScriptManager1" runat="server"></asp:ScriptManager>

 <div style='border:1px #000000 solid;width:970px;height:180px; padding-left:4px; padding-top:4px;'>

   <div style='float:left;width:200px;'>

      State:   <asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True" DataSourceID="StateSource" DataTextField="states_abbreviation" DataValueField="states_abbreviation" OnSelectedIndexChanged="UpdatePlanPanel"></asp:DropDownList>

         <asp:SqlDataSource ID="StateSource" runat="server" ConnectionString="<%$ ConnectionStrings:V4ConnectionString %>" SelectCommand="select distinct states_abbreviation from commorg a, commorgaddress b,states s where a.commorg_id=b.commorg_id and b.states_id*=s.states_id order by states_abbreviation"></asp:SqlDataSource>

    <br /> Sqft Low :

     <asp:ListBox ID="ListBox1" runat="server" AutoPostBack="true" OnSelectedIndexChanged="UpdatePlanPanel">

       <asp:ListItem Selected="True" Value="-1">Select Low</asp:ListItem>

     </asp:ListBox><br />

     Sqft High :<asp:ListBox ID="ListBox2" runat="server" AutoPostBack="true" OnSelectedIndexChanged="UpdatePlanPanel">

       <asp:ListItem Selected="True" Value="-1">Select High</asp:ListItem>

     </asp:ListBox></div>

   <div>

     <asp:UpdatePanel id="UpdatePanel2" UpdateMode="Conditional" runat="server">

       <contenttemplate>

         <asp:TextBox id="TextBox1" runat="server" width="50px"></asp:TextBox> Homes Found

         <asp:DataList id="DataList1" runat="server"  ForeColor="Black" CellPadding="2" BackColor="LightGoldenrodYellow" BorderColor="Tan" BorderWidth="1px" RepeatColumns="3" ShowFooter="False" ShowHeader="False" RepeatDirection="Horizontal" RepeatLayout="Table">

           <FooterStyle BackColor="Tan"></FooterStyle>

           <SelectedItemStyle BackColor="DarkSlateBlue" ForeColor="GhostWhite"></SelectedItemStyle>

           <ItemTemplate>

             <asp:Image runat="server" ImageUrl='<%# Eval("image_file")%>'></asp:Image><br />

             <asp:Label id="PLAN_NameLabel" runat="server" Text='<%# Eval("PLAN_Name") %>'></asp:Label><BR /><BR />

           </ItemTemplate>

           <AlternatingItemStyle BackColor="PaleGoldenrod"></AlternatingItemStyle>

           <HeaderStyle BackColor="Tan" Font-Bold="True"></HeaderStyle>

         </asp:DataList>

        </contenttemplate>

       <Triggers>

         <asp:AsyncPostBackTrigger ControlID="DropDownList1" EventName="SelectedIndexChanged"></asp:AsyncPostBackTrigger>

         <asp:AsyncPostBackTrigger ControlID="ListBox1" EventName="SelectedIndexChanged"></asp:AsyncPostBackTrigger>

         <asp:AsyncPostBackTrigger ControlID="ListBox2" EventName="SelectedIndexChanged"></asp:AsyncPostBackTrigger>

       </Triggers>

     </asp:UpdatePanel>

   </div>

 </div>

   <asp:UpdateProgress ID="upUpdateProgress" AssociatedUpdatePanelID="UpdatePanel2" runat="server" DisplayAfter=0>

       <ProgressTemplate>

           <div>

                <img src="../../../assets/images/indicator.gif" />

               Loading in 4 seconds...

           </div>

       </ProgressTemplate>

     </asp:UpdateProgress>

     <cc1:UpdateProgressOverlayExtender ID="UpdateProgressOverlayExtender1" runat="server" ControlToOverlayID="DataList1" CssClass="updateProgress" TargetControlID="upUpdateProgress" />

 </asp:Content>

Hey Raj !!!

good control !

gr8 work dude keep it up....

Best Wishes,

Shekhar

Hii Raj !

I have used overlay control with gridview...

but on sorting of grid it throws javascript exception that "className is null or not an object "..

this error disappears when i removed overlay extender control....

could you please help me with this ?

Thanks n regards,

Shekhar

First off, awesome job so far.  This control is easy to use and nice and customizable.

However, my page does not extend far enough down to take the entire window, so when I call OverlayType="Browser", the UpdateProgress that appears only comes down as far as the content.  

Any way to fix this?  

-Z

Hi Raj

You have done an awesome job... great work indeed.... but am facing one issue with the dropdown... i.e. dropdown gets disappear when we click one any button. Dropdown seems to be working fine on firefox... It’s giving this trouble on IE. I would really appreciate if you could answer this ASAP

Hi Raj,

This is an excellent set of controls you have released! Very powerful, yet simple and easy-to-use. But is there any way of positioning the Gif and loading text within the ProgressTemplate such that it is always absolutely centered, whether the OverlayType is set to browser or control?

regards

SWEET! Exactly what I was looking for.  I plan on playing with it today.

This is a great control. However, I am running into a problem with the Gif animation. The animation stops, then waits about 1-3 seconds when coming back to the page. Any thoughts on how to troubleshoot this.

Hi Raj,

You have done a great job. I need a little help from you.

I would like to display the animation gif in the center of the object(grid/window/panel).

Thanks in advance

Arabinda

can it be done with out using

System.Threading.Thread.Sleep(4000); ?

i dont know for the fact that how much time my server will take to get data from server and it may be more then 4 sec or 40 sec

is there a way can be done without using

System.Threading.Thread.Sleep(4000); ?

thanks.

I'm getting a javascript error 'className' is null

or not an object.

On the first callback, it works 100%, but the second one I do, I get this error and the overlay doesn't display.

I figured out why the className error gets thrown.

On the second postback, it would seem that this.get_element() is returning undefined in the _onShow function.

Very wierd. Its definatly not undefined in the beginRequest and endRequest of the same postback.

I'm lost of how to fix this as I always thought this.get_element() as pretty reliable.

One other minor problem/bug. If the control to overlay is within a scrolling area, eg. div, and that area is scrolled down/up a bit so that the control is not fully visible, when the overlay appears, it will cover what is visible of the control and also continue over and out of the scrolling area.

Great control, but is there a way to dynamically add an updatepanel, gridview, and your extender control? Ive tried everything I known, it always throws exceptions that it cannot find a control.

Im trying to make a composite control that will be in a class library.

Thanks!

This control is excellent and has saved hours of development time!!!

Great Work ;)

This is great work man!!

Hi Raj,

I've been using this control for many months and I'm very happy with it. However, since upgrading to .NET Framework 3.5 I get the following error every time I have an Update Panel Overlay Exteder on the page:

'The control with ID 'upoeQuestion' requires a ScriptManager on the page. The ScriptManager must appear before any controls that need it.'

I have a ScriptManager on my Master page, and

ScriptManagerProxys on all other pages where I am using MS Ajax. I have no idea why I am getting this error message.

Any thoughts on this would be much appreciated...

Well, I've worked out what the problem was. According to this article: www.ajaxlines.com/.../_using_older_ajax_controls_in_visual_studio_.php

you can run into problems if you use a control which was complied against the earlier (i.e.  not .NET Framework 3.5) version of the Ajax System.Web.Extensions dll.

I tried the web.config additions suggested (indeed, they were already there), but it made no difference.

So, I recompiled Raj's control, setting the target framework to be .NET Framework 3.5. I also removed the Reference to System.Web.Extensions version 1.0.61025.0 and replaced it with version 3.5.0.0.

Now everything works just fine!

I've had this problem with the get_Element() method that Sean mentioned above.

Interestingly with every page refresh the onShown handler gets called an increasing number of times (once on the first page refresh, twice on the second, etc.) Does it have something to do with disposing the control?

Not too sure as I'm not that no top of these extender behaviors.....

Improving DataList pagination using AJAX controls

Absolutely superb control - it saved me A LOT of digging to write my own!

Thank you

Sam

Found that if you don't have a CssClass listed, that it will throw the className errors that Sean and Steve listed. After I gave it a CSS to use, it started working every time.

Raj,

Thanks for this great AJAX control!

Hi, nice control, haven't played around with it for that long yet but I've run in to an issue I can't seem to solve.

For background info: I have a master page with a UpdateProgress that I try to hook the UpdateProgressOverlayExtender to it. I'm trying to lock the whole browser.

The result is that the UpdateProgress and OverlayExtender only shows on the first postback for every page. The second time, nothing shows, it's just a normal postback. If I comment out the OverlayExtender, the UpdateProgress appears for each postback as it should.

I've tried to put the UpdateProgress and OverlayExtender in underlying pages, not the master page, but the result is the same.

Any ideas?

First of all nice control, but it doesnt work with triggers. How can I make it working with AsyncPostBackTrigger

Thanks.

What about the licenising of this , can I use this in ma program without any problems

I figured out my problem with the OverlayExtender only appearing on the first postback. I had set DynamicLayout to false on my UpdateProgress (don't ask me why). Deleting that did the trick, it works as it should now. Thanks again for this nice control.. :)

Mate, this is great! thanks alot!

You did a great job!

How to create the UpdateProgressOverlayExtender by Code? Do you have some example about it?

Extender control 'UpdateProgressOverlayExtender1' cannot extend 'GridView1'.

Extender controls of type 'Flan.Controls.UpdateProgressOverlayExtender' cannot extend controls of type 'System.Web.UI.WebControls.GridView'.

doesn't work. what do I need to do?

where is the code for this? the link does not seem to have it.  or am i missing it? -thx.

Pingback from  modal animations asp net ajax

Great Job, Raj!

Did anyone ever figure out how to make this work with Triggers?

By the samples and conceptually this looks fantastic!

Unfortunately, when I try to utilize it I get nothing but missing references.  Even in the sample project, when I try to run the sample website with no editing, it crashes with:

"Could not load file or assembly 'Flan.Controls' or one of its dependencies. The system cannot find the file specified."

I'm sure it's just a matter of missing references or something of the like, but I have noticed there is a conspicuous lack of installation or use instructions.  (ergo, I don't know which references to add.)  If you think you could perhaps make even a quick list of what-to-do, I think that would help tremendously.  Until then, it seems that I (for one, and I have noticed other commentors are in a similar boat) will apparently be unable to use this.

Otherwise, I'm very excited to get to work with this--it looks really cool.

Is there a way to set the showat, etc. with client-side JS rather than via a post-back?

Is there any way to crank the DIV style back to 100%?  

I love everything about this, except that I'd like to get the div opacity back up to 100% so that it looks like there's a modal popup, not just floating text.   I find the text doesn't always work the greatest. I've tried copying the opacity css from the updateProgressBackground into the .div part, then increasing them to 100% (and even trying great numbers, just to be sure) and no matter what, that div is still only the same opacity as the surroundings.  Thanks.

Thanks for the response, Raj.

Not the answer I was hoping for, but I was afraid that it might be the reality.