QA@IT

ASP.NETでModalPopup画面の表示位置に関して。

5786 PV

開発環境:ASP.NET(C#.NET/VS2010/.NETFramework4.0)

お世話になります。

ModalPopup画面を用い、検索条件を取得する画面を開発しています。
この際、表示されるポップアップ画面を呼出元の画面の範囲内でなく、
画面外にも表示できるようにしたいのですが、どのようにすればいいのでしょうか?

呼出元を見ながら、ポップアップ画面も表示したいので画面外への表示が可能なら行いたいです。

回答

この際、表示されるポップアップ画面を呼出元の画面の範囲内でなく、
画面外にも表示できるようにしたいのですが、どのようにすればいいのでしょうか?

ModalPopup には X, Y というプロパティがあって、初期の表示位置を指定できます。(X, Y を設定しない場合はデフォルトで -1 となって、画面の中心に表示されます)

詳しくは以下のページの説明を見てください。

Ajax Control Toolkit ModalPopup
https://ajaxcontroltoolkit.codeplex.com/wikipage?title=ModalPopup%20Control&referringTitle=Tutorials

また、マウスでドラッグして表示位置を変更できます。ただし、ドラッグ可能な範囲は body の中だけという制約があるようですので注意してください。詳しくは以下のページを見てください。

ModalPopup のドラッグ可能範囲
http://surferonwww.info/BlogEngine/post/2014/04/05/draggable-area-of-modalpopup-of-ajax-control-toolkit.aspx

ASP.NET Ajax Control Toolkit をダウンロードするとその中に AjaxControlToolkitSampleSite.zip というファイルがあるはずです。それは各コントロールのデモを Web サイトプロジェクトにまとめたもので、解凍して Visual Studio で開けば動かして試すことができますし、コードも参考になると思います。それ無しで開発は難しいので、是非動くようにして疑問があればそこを見るようにしてください。

編集 履歴 (0)
  • いつもありがとうございます。
    回答いただいた内容で確認させてもらいます。
    -
  • 無事に対応できました。
    また、相手からもこの内容で問題ないとの承認ももらえました。
    別の問題が発生したので、別途質問掲載します。
    -
ウォッチ

この質問への回答やコメントをメールでお知らせします。