Overlay-Strukturelement

Der Inhalt des Overlay-Strukturelements wird in der Web-Anwendung als Pop-up angezeigt und liegt über anderen Elementen. Das Overlay-Strukturelement enthält eine weitere Component, die sowohl statischen als auch dynamischen Inhalt anzeigen kann.

Das Overlay-Strukturelement wird innerhalb von MasterDetailComponent nach den Strukturelementen Master und Detail definiert. Das Overlay-Strukturelement wird angezeigt, wenn es über eine Aktion aufgerufen wird.

Innerhalb der MasterDetailComponent lassen sich beliebig viele Overlay-Strukturelemente anlegen, die mit folgenden Attributen definiert werden können:

Attribut

Beschreibung

width

Breite des Overlays

Die Angabe des width-Attributs ist optional. Wird das Attribut nicht angegeben, wird die Standard-Breite angewendet.

Mögliche Werte:

Ganzzahl > 0 bei Pixelangaben
Ganzzahl zwischen 0 und 100 bei Prozentangaben

height

Höhe des Overlays

Die Angabe des height-Attributs ist optional. Wird das Attribut nicht angegeben, wird die Standard-Höhe angewendet.

Mögliche Werte:

Ganzzahl > 0 bei Pixelangaben
Ganzzahl zwischen 0 und 100 bei Prozentangaben

units

Gibt die Einheit an, die für Größenangaben gilt.

Mögliche Werte:

pixels
percents (Standard)

Werden die Attribute width und height mit unzulässigen Werten bei Prozentangabe gefüllt, wird ein Validierungsfehler ausgegeben.
Werden die Attribute width und height nicht gesetzt oder mit 0 angegeben, werden Overlays in der Standardgröße angezeigt.

Mit dem Attribut enableOverlayBlurredBackground innerhalb der Web-App-Definition (.wad) kann angegeben werden, ob bei Overlays der Teil der Web App, der noch im Hintergrund zu sehen ist, verschwommen dargestellt werden soll oder nicht.

Beispiel-Definition

XML

<MasterDetailComponent  xmlns="http://softproject.de/webapp/1.0">
	<Actions/>
	<Master/>
	<Detail/>
	<Overlay width="100" height="100" units="percents">
        <ComponentReference source="Customers/AddToEvent.list" name="AddToEvent"></ComponentReference>
    </Overlay>
    <Overlay width="200" height="300" units="pixels">
        <ComponentReference source="Customers/AddToEvent.list" name="DifferentEvent"></ComponentReference>
    </Overlay>
</MasterDetailComponent>