如何使ModalPopupExtender出现在中心 [英] How To Make ModalPopupExtender Appear in Center

问题描述

美好的一天，我有一个不会出现在中心的modalpopupextender，任何想法如何解决这个问题？这是我的代码

Good day, i have a modalpopupextender which doesnt appear on the center, any idea how to solve this? Here is my code

<pre lang="xml"><asp:Panel ID="pnlSelect" runat ="server" Enabled ="true"
    CssClass ="modalPopup"
    style="position:fixed; z-index:10; top: 193px; left: 10px; width: 192px; height: 220px; bottom: 242px;" >
<div id="PopupHolder_CalendarAdmin" class="pnlheader" style="cursor:move; width:191px; height:20px; font-size:small; font-weight:bold; color:#FFFFFF; text-align:center;">
    <asp:Label ID="lblSelect" runat="server" Text="Select" />

    <div style="width: 181px">
    <br />
        <table >
        <tr>
        <td class="style3">
            <asp:Button ID="btnIsCurrent" runat="server" Text="IsCurrent" />
            </td>
        <td class="style3">
            <asp:Button ID="btnSuspend" runat="server" Text="Suspend" />
            </td>
        </tr>
        </table>
    </div>

    <asp:Button ID="btnHidden1" runat ="server" Text ="hidden" style="display:none;" />
    <aj:ModalPopupExtender ID ="mpSelect" runat ="server" TargetControlID ="btnHidden1"
        PopupControlID ="pnlSelect" DropShadow ="true" BackgroundCssClass ="modalBackground"
        PopupDragHandleControlID="PopupHolder_CalendarAdmin" />
        </div>
</asp:Panel>

推荐答案

谢谢你的回答:)，我自己做了^^

Thank you for your answer :), ive done it myself ^^

<asp:ModalPopupExtender ID="ModalPopupExtender1" runat="server" PopupControlID="Panel1" TargetControlID="search" BackgroundCssClass="modalBackground">
 

   </asp:ModalPopupExtender>
 
    <asp:Panel ID="Panel1" runat="server" BackColor="#ED95CC" Height="200px" Width="400px" style="display:none">

//you can create a table inside the panel for align the recodrs
  </asp:Panel>

这篇关于如何使ModalPopupExtender出现在中心的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！