X4 Produktdokumentation
X4 Produktdokumentation
Breadcrumbs

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.

Overlay.png

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>