如何获取asp:标签在分配文本之前占用空间

时间:2012-10-10 15:00:59

标签: asp.net css

我有2个按钮需要位于表单的右侧,并在右侧有一个标签。我遇到的问题是,一旦执行了操作,标签将显示为“成功....”或“错误无法......”并且它会搞砸我的布局。当表单首次出现时,它会搞砸我的按钮布局,因为标签是空的,然后当执行动作时,我的标签会填充文本,然后将我的按钮推到正确的位置。有没有办法保持我的按钮到位?

这是我的布局:

     <asp:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode="Conditional">
            <ContentTemplate>
                <div id="dropDownList" style="position: relative;" runat="server">
                    <label>
                        Select New File:
                    </label>
                    <asp:DropDownList runat="server" ID="ddlCaseFiles" DataSourceID="dsMyCaseFiles" DataTextField="Display"
                        DataValueField="FileID" OnPreRender="ddl_PreRender" Width="524px" OnSelectedIndexChanged="ddlCaseFiles_SelectedIndexChanged" />
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="ddlCaseFiles"
                        ToolTip="Casefile Required" InitialValue="-1" Text="*" Display="Dynamic" />
                    <ajaxToolkit:ListSearchExtender ID="ddlExtCaseFiles" runat="server" PromptCssClass="ListSearchExtenderPrompt"
                        TargetControlID="ddlCaseFiles" BehaviorID="ddlExtCaseFiles" Enabled="True" />
                    <br />
/////////////////////////area of interest
                    <asp:Button ID="btnCancel" runat="server" Text="Cancel" Style="position: relative;
                        float: left; margin-left: 450px;" OnClientClick="parent.$.fancybox.close();" />
                    <asp:Button ID="btnMoveCaseFile" runat="server" Text="" Style="position: relative;
                        float: right; margin-right: 63px; margin-left: -45px; top: 0px; left: 0px; width: 98px;"
                        OnClick="btnMoveCaseFile_Click" />
                    <asp:Label runat="server" ID="lblStatus"></asp:Label>
                    <br />
///////////////////////////////////////////////
                </div>
            </ContentTemplate>

我正在尝试让按钮在下拉列表中点亮,并让Label显示在与按钮相同的行上,但在左侧。 (这段代码在新行上有标签,因为我放弃了)

1 个答案:

答案 0 :(得分:1)

您可以在表格单元格中设置控件,并修复单元格的宽度。

注意:您可以使用css class来修复宽度。

<table>
<tr>
<td>
    <asp:Button ID="btnCancel" runat="server" Text="Cancel" Style="position: relative;                             float: left; margin-left: 450px;" OnClientClick="parent.$.fancybox.close();" />
</td>

<td>
    <asp:Button ID="btnMoveCaseFile" runat="server" Text="" Style="position: relative;                             float: right; margin-right: 63px; margin-left: -45px; top: 0px; left: 0px; width: 98px;"
                        OnClick="btnMoveCaseFile_Click" />
</td>

<td>
    <asp:Label runat="server" ID="lblStatus"></asp:Label>                    
</td>
</tr>

</table>