如何為AJAX Modal Popup Extender右對齊模式彈出面板？

Question

我在主子關系中的子頁面中使用Ajax modalpopupextender控件。 我想將modalpopup極端對齊

<asp:ModalPopupExtender ID="mp1" runat="server" PopupControlID="Panel1" TargetControlID="btnShow"
        CancelControlID="btnClose" BackgroundCssClass="modalBackground">
    </asp:ModalPopupExtender>
    <asp:Panel ID="Panel1" runat="server" CssClass="modalPopup" Style="display: none; right: 0px !important;">
        This is an ASP.Net AJAX ModalPopupExtender Example<br />
        <asp:Button ID="btnClose" runat="server" Text="Close" />
    </asp:Panel>
    <script type="text/javascript">
        var id = null;
        function movePanel() {
            var pnl = $get("ContentPlaceHolder1_Panel1");
            if (pnl != null) {
                pnl.style.right = "0px !important";
                pnl.style.top = "0px";
                pnl.style.left = "none";
            }
        }
    </script>

我嘗試了各種解決方案，其中一些在代碼部分。 根據我的作業，我嘗試使用X和Y ModalPopupExtender。 但是X和Y不允許進行x = 100vw-panel寬度的計算；

請幫忙。

Answer 1

最后我做到了，我考慮了panel = 550px的長度。

<input type="hidden" name="checkyear" id="checkyear" runat="server" value="" />
 <script>
        $(document).ready(function(){
            document.getElementById("ContentPlaceHolder1_checkyear").value = screen.width-550;
        });
</script>

//在后面的代碼中

mp1.X = Convert.ToInt32(checkyear.Value);