Mobirise Tutorials

Tutorial - VN DataForm Cards

Vielen Dank an Volker für diese Anwendung, die man kinderleicht in Mobirise integrieren kann. VN‑DataForm Cards ist eine sehr nützliche Erweiterung, die beliebige Einträge erlaubt und auch eine Lightbox beinhaltet.

Besonders hervorzuheben ist, dass es sich um online editierbare Cards handelt, die als CMS fungieren. 

Bitte löscht vor dem Import eines Updates dieser oder einer anderen PHP-Anwendung von Volker Niederastroth (VN) alle Komponenten innerhalb der Software, einschließlich der Blöcke, sowie auf dem Rechner das zugehörige Erweiterungsverzeichnis und auf dem Server hier das Verzeichnis /assets/vn-dataform/, damit eine fehlerfreie Neuinstallation möglich ist.

Bitte veröffentlicht in diesem Fall einmalig alles und deaktiviert dazu die Option „Nur Änderungen veröffentlichen“. Ansonsten wird Mobirise die zur Anwendung gehörende PHP-Datei nicht neu publizieren. Meine hier gezeigte Version ist vom 18. Juli 2026.

Diese Anwendung findet ihr in der VN Block Galerie als "VN DataForm" in der Kategorie "Mobirise & PHP" zum kostenlosen Download.

Beim ersten Aufruf der veröffentlichten Seite werdet ihr nach dem Administrator-Passwort gefragt. Ruft die Seite daher unmittelbar auf, um euer Passwort einmalig einzutragen.

Der Administratorbereich lässt sich auf dem Desktop unter anderem durch „Strg + Doppelklick“ auf den Hintergrund oder durch „Strg + Shift + A“ öffnen; auf mobilen Geräten habt ihr ebenfalls verschiedene Möglichkeiten. In den Blockwerkzeugen habe ich die Option „Schütteln“ gewählt, um mich auf dem Smartphone anzumelden.

Weiterhin habe ich unter den Cards einen Link zum Administratorbereich, mit der OnClick-Funktion "dfOpenLogin()", eingebaut:

<a href="javascript:void();" class="text-primary" onclick="dfOpenLogin()">Admin</a>

Im Administratorbereich könnt ihr die Cards oder auch als Tabelle online bearbeiten: Zeilen und Spalten lassen sich einzeln und beliebig oft hinzufügen oder löschen. Der Export als CSV‑Datei ist möglich. Außerdem könnt ihr die Spalten in der Kopfzeile per Drag & Drop (Ziehen und Ablegen) verschieben.

Ihr könnt die Anzahl der angezeigten Cards festlegen und die Suchfunktion nutzen. 

Zunächst müsst ihr die Blockeinstellungen vornehmen, um sie an eure Bedürfnisse anzupassen. Diese Einstellungen werden im Mobirise-Arbeitsbereich als Platzhalter-Card dargestellt, sodass man sofort Farben und Stil sehen kann. Kontrolliert das Ergebnis dieser Einstellungen anschließend in der Live‑Ansicht, nachdem das entfernte Veröffentlichen abgeschlossen ist.

Diese Cards sind auf einer Seite nur einmal verwendbar und nicht dafür vorgesehen, dass auf derselben Seite eine zweite Gruppe von Cards eingesetzt wird.

Tipps:

Das Administratorpasswort kann jederzeit online im Administratorbereich neu vergeben und damit geändert werden.

Die Beiträge werden in einer SQLite-Datenbank mit dem Namen "form-1.sqlite" gespeichert. Diese portable Datenbankdatei solltet ihr regelmäßig sichern, indem ihr sie mit eurem FTP-Programm auf euren Computer kopiert. Die Anwendung legt die Datenbank automatisch beim ersten Eintrag an. Diese Datei findet ihr am Server in diesem Verzeichnis:

/assets/vn-dataform/data/

SQLite muss auf dem Server aktiviert sein. Erscheint die Fehlermeldung „could not find driver“, ist dies nicht der Fall. Bitte kontaktiert in diesem Fall den Hoster und fragt, ob die Erweiterung pdo_sqlite für die verwendete PHP‑Version aktiviert ist.

Um eine SQLite-Datenbank zu bearbeiten empfehle ich diesen SQLite-Browser: sqlitebrowser.org 

Eine SQLite-Datenbank sollte niemals mit einem normalen Texteditor bearbeitet werden. Obwohl man darin teilweise lesbare Texte erkennen kann, handelt es sich nicht um eine Textdatei, sondern um eine binäre Datenbankdatei mit einer festen internen Struktur. Schon kleine Änderungen mit einem Texteditor können dazu führen, dass die Datenbank beschädigt wird und nicht mehr geöffnet werden kann. Verwende deshalb immer ein geeignetes Programm wie den „DB Browser for SQLite“, um Tabellen, Datensätze und Felder sicher zu bearbeiten.