隐藏的面板在显示时无法正确居中答案

【问题标题】：Hidden panel doesn't center correctly when displayed隐藏的面板在显示时无法正确居中
【发布时间】：2008-12-03 14:13:13
【问题描述】：

我有一个简单的 AlwaysVisibleControlExtender，它扩展了一个包含“正在加载...”消息和动画 GIF 的小面板。整个事情都在一个 UpdateProgress 控件中，所以它只在我的应用程序正在处理时显示。我已将其设置为显示在顶部中心。它工作正常，但我注意到它显示在它应该在的位置的右侧。如果我稍微调整窗口大小，面板就会捕捉到正确的位置。

我的猜测是它在 UpdateProgress 控件允许渲染面板之前计算中心的位置，因此面板的宽度为零。只有在面板显示后，它才能正确计算中心。有解决办法吗？

更新：这是标记：

<%@ Page Language="VB" MasterPageFile="~/Compass.master" AutoEventWireup="false" CodeFile="SubmissionPrep.aspx.vb" Inherits="SubmissionPrep" Title="Untitled Page" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajax" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <asp:UpdatePanel ID="UpdatePanel" runat="server" UpdateMode="Always">
        <ContentTemplate>
            <%-- Data and Controls here --%>
            <asp:UpdateProgress ID="ProcessingUpdateProgress" runat="server">
                <ProgressTemplate>
                    <asp:Panel ID="ProcessingPanel" runat="server" CssClass="loading">
                        Processing...
                        <img src="images/ajax-loader.gif" alt="" />
                    </asp:Panel>
                    <ajax:AlwaysVisibleControlExtender ID="ProcessingAlwaysVisibleControlExtender" runat="server"
                        TargetControlID="ProcessingPanel" VerticalSide="Top" HorizontalSide="Center">
                    </ajax:AlwaysVisibleControlExtender>
                </ProgressTemplate>
            </asp:UpdateProgress>
        </ContentTemplate>
    </asp:UpdatePanel>
</asp:Content>

【问题讨论】：

你能把你的代码贴出来吗。我会看看的。

标签： asp.net ajax asp.net-ajax

【解决方案1】：

我在这篇文章的帮助下实现了 Progressbar，所以我没有遇到任何问题
这是一篇很棒的文章.....并逐步解释了setp，请检查

http://www.codedigest.com/Articles/ASPNETAJAX/125_Using_UpdateProgress_Control_Effectively.aspx

【讨论】：