新規投稿
フォローする

sweetalertのメッセージ表示位置について

詳細画面にボタンを配置し、ボタン押下時に確認メッセージをsweetalertで表示しています。

一覧画面から詳細画面を開いてボタン押下時は、メッセージが画面真ん中あたりに表示され違和感がないのですが、

そのレコードの通知画面からボタン押下した際は、画面をスクロールしないとメッセージが表示されません。

通知画面からボタン押下した際も画面の真ん中あたりにメッセージを表示したいのですが、

制御可能でしょうか。可能な場合、どう制御したらよいでしょうか。

sweetalertはhttps://js.cybozu.com/sweetalert/v2.1.2/sweetalert.min.jsを使用しています。

0

2件のコメント

Avatar
y_jedi

こんにちは。
私も同じような経験があったのですが、運用で回避している状況です。

.swal-modal {
position: relative;
top: -300px;
}

などのように全体 CSS で指定して上寄せに表示させることは可能です。

ただ、全ての画面で同じように上寄せになってしまうのと、kintone や SweetAlert のバージョンアップなどによって
思わぬ表示崩れを起こすこともあるので注意が必要です。

0
Avatar
momochi

y_jedi様

回答ありがとうございます。

教えていただいた内容踏まえ、どうするか検討したいと思います。

0
サインインしてコメントを残してください。