★Garoonカスタマイズで SweetAlert または SweetAlert2 を使う時の注意事項

[Legacy_Account1011 (cybozu developer network team（Legacy Account）)]

Garoonカスタマイズで SweetAlert や SweetAlert2 を使用した際のレイアウト崩れの対処方法を説明します。

レイアウト崩れの例

Garoonカスタマイズで SweetAlert または SweetAlert2 を使用すると、製品の CSS と競合しアラートのボタンでレイアウト崩れが発生します。

SweetAlert2 を使った際の一例

対処方法

sweetalert_button_grn.css を Garoon に適用すると、表示崩れが解消されます。

sweetalert_button_grn.css の入手方法

1. https://github.com/garoon/css-for-SweetAlert にアクセスします。

2. [Clone or download] をクリックして、[Download ZIP] を選択します。

3. ダウンロードした zip ファイルを解凍します。

4. 解凍したファイルの「css」フォルダー以下の sweetalert_button_grn.css を利用します。