Dialog

Code

Options

options Description
.dialog
.dialogLeft
.dialogRight
Boîte de dialogue
.openDialog Ouvrir un boite de dialogue renseigné dans l'attribut data-target.
<i class='closeDialog' data-icon='fal/times'></i> Créer une icone de fermeture. Doit être le premier enfant de la boite de dialogue.
.closeDialog Fermer la boîte de dialogue parent de l'élément.

Les boites de dialogue peuvent être insérées avant ou après l'élément section.

Javascript

Fonctions Description
sk.Dialog.show(dialog) Affiche la boite de dialogue.
sk.Dialog.hide(dialog) Cache la boite de dialogue.

Exemples

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ante enim, sollicitudin rhoncus placerat quis, auctor sit amet velit. Donec vel magna blandit, tincidunt sapien sit amet, vulputate nibh.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ante enim, sollicitudin rhoncus placerat quis, auctor sit amet velit. Donec vel magna blandit, tincidunt sapien sit amet, vulputate nibh.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ante enim, sollicitudin rhoncus placerat quis, auctor sit amet velit. Donec vel magna blandit, tincidunt sapien sit amet, vulputate nibh. Nullam nec nunc eu diam gravida cursus. Maecenas elementum, nunc eget rhoncus accumsan, justo tellus finibus ipsum, in maximus nulla arcu nec nibh. Phasellus facilisis ac ex non convallis. Duis augue diam, porta vel dapibus ac, vestibulum a metus. Praesent venenatis ipsum sed massa ornare, vel viverra risus pharetra. Aliquam interdum fringilla pellentesque.

Titre

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ante enim, sollicitudin rhoncus placerat quis, auctor sit amet velit. Donec vel magna blandit, tincidunt sapien sit amet, vulputate nibh. Nullam nec nunc eu diam gravida cursus. Maecenas elementum, nunc eget rhoncus accumsan, justo tellus finibus ipsum, in maximus nulla arcu nec nibh. Phasellus facilisis ac ex non convallis. Duis augue diam, porta vel dapibus ac, vestibulum a metus. Praesent venenatis ipsum sed massa ornare, vel viverra risus pharetra. Aliquam interdum fringilla pellentesque.

Boîte de dialogue visible