Wednesday, March 28, 2012

UpdateProgress RenderMode?

Yeah, this topic has been posted before, but not for a while...

I need to have an updateprogress render with display:inline style rather than display:block...

And no, wrapping it in a div, a span, using float, positioning, etc doesn't cut it... no matter what I do the image I'm displaying ends up on it's own line...

Any suggestions? It is possible a RenderMode property will be added before the final release?

Thanks

-Andy

There is no?RenderMode property?for?asp:UpdateProgress?in?Ajax?Beta?2.Let's?look?forward?to?the?next?Ajax?release?and?
wish?this?property?will?add?to?it.

I've discovered a work-around that seems to work in IE7, but not in Firefox...

Wrap the UpdateProgress with a <span> where the style is set to "display: inline-block;"

Like this:

<span style="display: inline-block;">
<asp:UpdateProgress ID="UpdateProgressOne" runat="server" AssociatedUpdatePanelID="UpdatePanel1">
<ProgressTemplate>
<asp:Image ID="Image1" runat="server" ImageUrl="~/images/loading.gif" />
</ProgressTemplate>
</asp:UpdateProgress>
</span>

But like I said, it only works in IE...

-A


I tested your codes and found it worked fine IE 7.0 and FireFox,but not in Opera.Besides,I got the error message saying that "inline-block;" is not a valid property for "display".No matter what browsers you are using,the content of the associated UpdatePanel will be displayed all the time.Maybe this is caused by the defect?of?the?asp:UpdatePanel?control?in?Ajax?Beta?2?framework.Wish?this?could?be?eliminated?in?the?release?version.

No comments:

Post a Comment