【发布时间】:2014-07-08 05:57:36
【问题描述】:
我正在尝试使用 ModalPopupExtender 在 ASP.NET WebForms 页面上实现取消对话框。我正在使用 Bootstrap,所以我不必过多考虑 CSS,因为我不是设计师。我发现我无法让 ModalPopupExtender 正确定位。尽管 CssClass 设置为 Bootstraps Modal 类,但似乎在某处插入了内联样式来覆盖它。这是从哪里来的?抱歉,我没有 Webforms 背景...谢谢!
<cc1:ModalPopupExtender PopupControlID="ConfirmCancelPanel" runat="server"
CancelControlID="ConfirmCancelCancelButton" TargetControlID="CancelButton" />
<%-- The modal popup panel used for confirming cancel--%>
<asp:Panel ID="ConfirmCancelPanel" runat="server" CssClass="modal" Style="display: none">
<div class="modal-header">
<h5>Cancel purchase and return to .........</h5>
</div>
<div class="modal-body">
</div>
<div class="modal-footer">
<asp:Button ID="ConfirmCancelOkButton" runat="server" ValidationGroup="AddConsumable" Text="Ok"
OnClick="ConfirmCancelOkButton_Click" CssClass="btn btn-primary" />
<asp:Button ID="ConfirmCancelCancelButton" CssClass="btn" runat="server" Text="Cancel" />
</div>
</asp:Panel>
生成的输出:
【问题讨论】:
标签: css asp.net twitter-bootstrap webforms