Hilfe Overlay für Apps

BLOG

chardin.js ist ein schönes Overlay für Apps und Webseiten um einfach Hilfe und Instruktionen darzustellen.

So kann das Resultat aussehen:

Die Benutzung des ganzen ist recht einfach ich habe ca. 15 min gebraucht das ganze zum Testen in ein Projekt einzubauen. Zuerst müssen die CSS und JavaScrip Dateien eingebunden werden.

 

Dann muss man nur noch den Button bestimmen der das Ganze auslösen soll indem man folgendes ins gewünschte Element schreibt: data-toggle="chardinjs"

 

Mit z.B. folgendem JavaScript kann der Button aktiviert werden.

 

 

Mehr Infos zu chardin.js gibt es hier:

http://heelhook.github.io/chardin.js/