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).

============

http://forums.asp.net/t/972473.aspx

你可能感兴趣的:(progress)