レスポンシブ対応のシンプルなポップアップ・ダイアログを実装できる「simpleDialog」

simpleDialog

simpleDialogはレスポンシブに対応したポップアップ・ダイアログやカスタマイズ性のあるアラートを実装できるjQueryプラグインです。Bootstrapモーダルコンポーネントが使われています。

simpleDialog

デモ

デモではベーシックなタイプのモーダルやコールバックするものなどいくつかのサンプルが用意されています。

例えば、The Basic Modalのところにあるボタンをクリックすると、モーダルが表示されます。モーダル画面には質問とアンサーボタン(closeまたはOkay)が設置されています。背景にはオーバーレイもかかります。

また、ベーシックタイプの下にはサクセス時にコールバックが表示されるものがあり、その下にはキャンセル時にコールバックが表示されるものなどがあります。

このように、ユーザーの反応に対するアクションを予め設定できるので、カスタマイズ性も良好です。

ちなみに、Bootstrapの互換性はBootstrap 3とBootstrap 4の両方になります。

ライセンスはMITとのこと。レスポンシブに対応し、カスタマイズ性にも優れたポップアップ・ダイアログを実装したい人は、ぜひ「simpleDialog」を活用されてみてはいかがでしょうか?

simpleDialog

スポンサーリンク

スポンサーリンク

アクセスランキング

Tags

Archives