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

posted @ 2009-08-06 19:35  emanlee  阅读(400)  评论(0编辑  收藏  举报