Nutzung des IBM Workplace Designer

Über dem Menüpunkt File/New/Form erstellen Sie eine Maske Buch. Ein Schema soll automatisch erstellt werden. Dies erreicht man durch die Auswahl der Option Create a schema for this form.

Nach dem Erstellen der Maske können Sie deren Eigenschaften bearbeiten. Werden diese nicht angezeigt, verwenden Sie den Menüpunkt Element/Properties/Form. Im Register Data ist das automatisch erstellte Schema zugeordnet. Das Aussehen der Maske beeinflussen Sie im Register Format. Neben der direkten Einstellung können auch CSS (Cascading Style Sheets) genutzt werden. Im Register Events ist – analog zu Notes die Programmierung von Maskenereignissen möglich.

UI-Controls sind visuelle Elemente, die es dem Anwender ermöglichen, Daten in Masken zu erfassen und zu bearbeiten. Mittels Drag&Drop können die verschiedenen UI-Controls zu einer Maske hinzugefügt werden. Im Fenster UI-Control wird das gewünschte Element ausgewählt und mit der linken Maustaste an die gewünschte Position in der Maske gezogen.

Zur Auswahl stehen folgende Core-Controls:

  • Edit Box, Rich Text, Multiline Edit Box

  • Button

  • List Box, Combo Box, Check Box, Radio Button

  • Link, Label, Image

  • Computed Field

  • File Upload, File Download

  • sowie die Container Controls

  • Panel

  • Table

  • View

Im Beispiel wollen wir zuerst ein Image einfügen. Analog zu den gemeinsamen Ressourcen in Notes werden Bilder zentral in der Komponente abgelegt und dann in den einzelnen Masken verwendet. Im Fenster UI-Controls wählen Sie Image und ziehen das Element in die linke obere Ecke der Maske. Im sich öffnenden Dialogfenster Select Image können Sie ein Bild auswählen. Da in der Komponente noch keine Bilder enthalten sind, fügen Sie über die Schaltfläche Add Image zuerst ein Bild zur Komponente hinzu, um es anschließend auszuwählen.

Texte können Sie mittels des UI-Controls Label oder wie in Notes direkt in die Maske hinzufügen. Die Verwendung des UI-Controls erlaubt neben der Formatierung die Steuerung einer ganzen Reihe von Eigenschaften wie zum Beispiel Visible und Enabled sowie die Programmierung verschiedener Ereignisse für den Text. Direkt in die Maske eingefügter Text kann im Gegensatz dazu lediglich formatiert werden. Im Beispiel werden alle Texte als UI-Control Label erstellt. Fügen Sie unterhalb des Bildes ein UI-Control Label ein. Im Feld Label des Registers Basics im Eigenschaftsfenster wird der anzuzeigende Text eingegeben, hier Titel. Beim Aktivieren des Eigenschaftsfeldes erscheint rechts neben dem Feld ein Schalter in Form eines {n}.