0

フォームの右側に配置する必要がある 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>

ドロップダウンリストの下でボタンを点灯させ、ラベルをボタンと同じ行の左側に表示しようとしています。（このコードはあきらめたので、新しい行にラベルがあります）

4

1 に答える 1

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>
于 2012-10-10T15:04:04.463 に答える