Tutorial-Schritt 1: Vorlage anlegen

Um eine neue Vorlage zu erstellen, wechseln Sie auf die Registerkarte „Control Designer“ und klicken Sie auf das Pluszeichen oben links auf der Seite.

Jede Vorlage erhält neben einem optionalen und beliebigen Anzeigenamen immer auch einen systemweit eindeutigen Namen, der zur Identifikation auf den Steuerseiten verwendet wird. Damit es hier nicht zu Kollisionen kommt wird anders als hier für das Tutorial empfohlen, eine Namensraum-Konzept zu verwenden - etwa für neuroomNet eigene Vorlagen ein Präfix der Art inSynergie.neuroomNet.SimpleSlider.

Auch wenn der Anzeigename optional ist und nicht eindeutig sein muss ist es im Allgemeinen sehr hilfreich, diesen hilfreich zu setzen: ist er vorhanden, so wird er in Auswahldialogen zum Beispiel beim Zusammenstellen von Steuerungsseiten verwendet.

Die Dimension der Vorlage wird auf Basis der Standard-Zeichengröße angeben - und entsprechend in der Vorschau links dargestellt. Es empfiehlt sich, während der Entwicklung einer neuen Vorlage diese erst einmal ausreichend groß zu halten und dann nachher auf die benötigte Ausdehnung zu reduzieren. Letzteres ist wichtig, da auf einer Steuerseite eine Vorlage immer ihre definierte Größe annimmt, egal welchen Platz davon von Bausteinen belegt wird.

Die initialen Werte für eine neue Vorlage sind im Bild angegeben. Ausgehend von einer Zeichengröße von 24 Pixel ist die Vorlage 520 Pixel breit und 960 Pixel hoch - sicher deutlich mehr, als für die meisten Vorlagen benötigt wird.

Ein benutzerdefinierter Stil wird hier erst einmal nicht benötigt und erlaubt sehr detaillierte Anpassungen der optischen Erscheinung einer Vorlage.

Darunter werden in den weiteren Schritten des Tutorials die verwendeten Bausteine (unter Vorlage) und Variablen (unter Parameter) aufgeführt. Die Liste der Bausteine kann verwendet werden, um durch eine Umordnung eine überlappende Anzeige zu konfigurieren: die Bausteine werden in der Vorlage immer nacheinander angeordnet, so dass der letzte Baustein über allen anderen erscheint (z-Order).

Weiter: Parameter / Variablen