Zur Anpassung des Assistenten an die Gestaltungsrichtlinien Ihres Unternehmens haben Sie optional die Möglichkeit, ein benutzerdefiniertes HTML-Template in das Gerät zu laden. In diesem Template legen Sie den grundlegenden Aufbau der HTML-Seiten und die Gestaltung von Farben, Schriften etc. über CSS-Regeln fest.
Der Assistent verwendet im HTML-Template folgende Platzhalter, um die Inhalte des Assistenten in die jeweiligen HTML-Seiten einzufügen:
- <WIZARD_LOGO>: An dieser Stelle setzt der Assistent das Logo ein, welches Sie im Format GIF, JPEG oder PNG in das Gerät geladen haben.
- <WIZARD_CONTENT>: An dieser Stelle setzt der Assistent den Inhalt der Sektionen in Form einer zweispaltigen Tabelle mit den zugehörigen Schaltflächen ein.
Ein sehr einfaches Beispiel für ein HTML-Template sieht folgendermaßen aus:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Titel des Assistenten</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div>
<WIZARD_LOGO>
</div>
<WIZARD_CONTENT>
</body>
</html>
Der Assistent verwendet einige vordefinierte CSS-Klassen, die Sie durch die Angabe von entsprechenden Werte in Ihrem HTML-Template einfach anpassen können, u. a.:
- class="header": Die CSS-Klasse für den Kopfbereich mit dem Logo.
- class="wizardName": Die CSS-Klasse Absatz mit dem Namen des Assistenten im Kopfbereich.
- class="headerLogo": Die CSS-Klasse für den Bereich des Logos im Kopfbereich.
- class="wizardTable": Die CSS-Klasse für Tabelle mit den angezeigten Feldern.
- class="footer": Die CSS-Klasse für den Fußbereich mit den Schaltflächen.