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

<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>