UpdateProgress render display:inline option
UpdateProgress always seems to render the contents of <ProgressTemplate> on a new line (block). Any simple way to have that render inline where it is placed?
============
Best soultion I could come up with was to use the following code:
<p><span class="progress"> <atlas:UpdateProgress ID="updateProgress" runat="server"> <ProgressTemplate> <img id="Img1" runat="server" src="~/Images/Progress.gif" /> Updating... </ProgressTemplate> </atlas:UpdateProgress></span><asp:Button ID="testButton" runat="server" Text="Refresh" /> </p>
span.progress { position: absoulte; left: 100px; }
============
I have it working without the inline, a float: left; did the trick.
span.progress div
{
float:left;
}
============
Actually I have just tried enclosing the UpdateProgress with a span as so:-
<span class="progress"> <atlas:UpdateProgress runat="server" ID="up1"> <ProgressTemplate> <asp:Image ID="Image1" runat="server" ImageUrl="~/images/wait.gif" /> </ProgressTemplate> </atlas:UpdateProgress> </span>
and used
span.progress div { display: inline; }which works fine (July CTP).
============