Hi All,

Im using Ajax Tab Control with 3 tab panels and grid view in each tab panel.

On click of the tab panel im loading the respective grids.

I want to show the update progress bar while the grid is being loaded and im using the ajax update progress control to do so.

Now the problem is that , the progess image is displaying at the left of the Tab Control.

I want the image to be displayed in the middle of the Tab Control.

What needs to be done for this??

Can anyone help??

You can place the UpdateProgress control anywhere.  You can also use absolute positioning including the z-index to place it where you want.

    
    <asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="UpdatePanel1"
        DisplayAfter="100">
        <ProgressTemplate>
            <asp:Label ID="LabelProgress" runat="server" Text="Update in progress..." BackColor="Yellow"
                BorderStyle="Solid" BorderWidth="1px" Style="top: 35px; left: 457px; position: absolute; 
                z-index:100; height: 23px; width: 175px" ></asp:Label>
        </ProgressTemplate>
    </asp:UpdateProgress>
    </form>
</body>
     
    


 

Im using a gif image not a label :(

The code that u have given is not working according to my requirement..

The same principle applies.

        <ProgressTemplate>
            <asp:Label ID="LabelProgress" runat="server" Text="Update in progress..." BackColor="Yellow"
                BorderStyle="Solid" BorderWidth="1px" Style="top: 35px; left: 457px; position: absolute; 
                z-index:100; height: 23px; width: 175px" ></asp:Label>
                
            <asp:Image ID="Image1" runat="server" ImageUrl="~/Images/2horses.gif" 
                style="top: 161px; left: 534px; position: absolute; height: 54px; width: 79px" />
        </ProgressTemplate>