Flexible User Interface Designer (FLUID) 
Der Flexible User Interface Designer (FLUID) ist der Editor für FPM-Anwendungskonfigurationen und deren einzelne Komponenten. Er ersetzt alle vorherigen FPM-Konfigurationseditoren.
Mit dem FLUID können Sie die folgenden Aufgaben durchführen.
Bearbeiten und Erweitern von FPM-Anwendungen und deren Benutzungsoberflächen, sowie Anpassen der Anwendungen an Ihre Geschäftsanforderungen
Bearbeiten von über Web-Dynpro-Komponenten definierten Konfigurationen von Elementen der Benutzungsoberfläche
Sie können den FLUID für die Bearbeitung der folgenden Komponentenkonfigurationen innerhalb einer Anwendung verwenden.
Grundrisse (Floorplans)
UIBB/GUIBB innerhalb des Grundrisses
Identifikationsbereich (IDR) (falls relevant)
Je nachdem, welche Änderungen Sie ausführen wollen oder für wen die Änderungen gelten sollen, starten Sie den FLUID im Administrator- (Customizing) oder im Expertenmodus (Entwicklung).
Struktur
Der FLUID wird in einem eigenen Browser-Fenster gestartet. Das folgende Schaubild zeigt das FLUID-Layout. Da das Layout jedoch personalisiert werden kann, ist es möglich, dass FLUID anders aussieht, als hier dargestellt:
Der FLUID ist in mehrere Bereiche unterteilt, von denen nicht alle für sämtliche Komponenten sichtbar sind. Diese Bereiche werden wie folgt beschrieben.
Identifikationsbereich (IDR)
Titelleiste
Zeigt den Namen der Komponentenkonfiguration und das aktive Dynpro oder die Seite darin an.
Drucktastenleiste der Seite
Zusätzlich zur Möglichkeit, zwischen Bearbeitungs- und Anzeigemodus zu wechseln, können Sie mit dieser Symbolleiste auch die Anzeige der Bereiche Anpassungen, Vergleiche, Repositories, Navigation und Attribute steuern. Im Bereich Zusätzliche Funktionen werden Menüoption angezeigt, mit denen Sie die folgenden Aktionen durchführen können: Testen Ihrer Anwendung (Anzeige der Anwendung in der Laufzeitumgebung), Erstellen von Kopien von Anwendungskonfigurationen und ihrer jeweiligen Komponentenkonfigurationen (Deep-Copy), Anlegen modifikationsfreier Erweiterungen, Zurücksetzen von Customizing-Änderungen sowie Anzeige der Komponenteneigenschaften wie zum Beispiel Paketdetails.
Nachrichtenbereich
Systemnachrichten werden vor allem in diesem Bereich angezeigt.
Breadcrumb
Ermöglicht das Springen zu verschiedenen Komponenten innerhalb Ihrer Anwendungskonfiguration. Beim Navigieren zwischen verschiedenen Komponenten stellt FLUID sicher, dass der ursprüngliche Arbeitsmodus (Bearbeiten oder Anzeigen) für jede Komponente gleich bleibt.
Allgemeine Einstellungen
Die unter Allgemeine Einstellungen angezeigten Informationen sind komponentenabhängig. Hier werden Informationen zu Grundriss oder GUIBB-Komponente als Ganzes angezeigt. Das Panel gliedert sich in folgende Abschnitte:
Klassifikationseinstellungen
Komponentenkonfigurationen können in verschiedene Klassifikationen eingeteilt werden.
Transienz-Einstellungen
Einstellungen zur Festlegung des transienten Verhaltens der Anwendungen.
Nachrichteneinstellungen
Einstellungen, die das Aussehen des Nachrichtenbereiches bestimmen, und festlegen, ob das Nachrichtenprotokoll angezeigt wird, oder nicht.
Zusätzliche Einstellungen
Enthält spezielle Einstellungen für den jeweils bearbeiteten Grundriss oder GUIBB, beispielsweise Personalisierungseinstellungen der OVP, Breite einer Listenkomponente oder Layouttyp einer Formularkomponente.
Die Drucktastenleiste der Allgemeinen Einstellungen ist ebenfalls komponentenabhängig. Sie gewährt Ihnen Zugriff auf eine Reihe von Aktionen für den Grundriss und die GUIBB-Komponente. Menüoptionen für die Grundrisskomponenten schließen Anwendungs-Controller-Einstellungen, Ereignisaktionstypen und Einstellungen des Message Mapper mit ein. Menüoptionen für die GUIBB-Komponenten schließen Einstellungen für Finalkennzeichen, Feeder-Klassen und Drag-and-Drop-Einstellungen mit ein.
Vorschau
Dieses Panel liefert Ihnen ein Bild, wie die Anwendung zur Laufzeit aussieht. Die Vorschau zeigt die Schnittstelle der Anwendung als Set von konfigurierbaren Komponenten (UIBBs) an.
Wenn Sie einen UIBB in der Vorschau auswählen, werden seine Attribute im Bereich Attribute zur Bearbeitung angezeigt. Sie können die Positionen der einzelnen UIBBs innerhalb der Vorschau durch Drag-and-Drop verschieben. Sie können von diesem Bereich aus auch auf die Attribute von Symbolleistenelementen zugreifen und Elemente auf der Symbolleiste verschieben.
Sie können Elemente mittels Drag-and-Drop aus dem Bereich Repositories in die Vorschau verschieben. Diese Elemente können auch wieder entfernt werden, indem Sie sie in den Bereich Repositories zurück verschieben.
Die Art und Weise, wie Objekte in diesem Bereich angezeigt werden, hängt davon ab, auf welcher Ebene (Grundriss oder UIBB) Ihrer Anwendung Sie sich befinden:
Grundrissebene
Einzelne UIBBs erscheinen im Bereich Vorschau als separate Boxen, jeder UIBB ist durch seine Komponente und Konfigurationsnamen zu erkennen.
Sie können direkt aus der Vorschau in die einzelnen UIBBs navigieren. Ob ein UIBB konfigurierbar ist können Sie sehen, wenn Sie die Maus über die UIBB-Box bewegen. Die Box verändert ihre Farbe und in der rechten oberen Ecke erscheint ein Symbol. Wählen Sie das Symbol aus, um direkt in die UIBB-Komponente zu navigieren. Ist die UIBB-Komponente eigentlich eine GUIBB-Komponente, bleiben Sie innerhalb des FLUID, andernfalls werden Sie zum Standard-Web-Dynpro-Editor weitergeleitet.
Sie können auch die einzelnen Elemente der Drucktastenleiste in diesem Bereich auswählen und ihre Attribute bearbeiten.
UIBB-Ebene
In der Vorschau wird der UIBB so angezeigt, wie er zur Laufzeit erscheint, zum Beispiel als Tabelle oder Formular.
Auf beiden Ebenen können Sie durch ein Kontextmenü beispielsweise in die verschiedenen Komponenten in Ihrer Anwendung navigieren und diese konfigurieren, UIBBs hinzufügen oder löschen und neue Abschnitte und Symbolleistenelemente hinzufügen.
Die Vorschau enthält die Drucktaste UIBB-Vorschau ein-/ausblenden. So können Sie die Anzeige des UIBB innerhalb der Vorschau ändern. UIBBs können als abstrakte Boxen mit den wichtigsten technischen Informationen angezeigt werden, oder sie können so angezeigt werden, wie sie auch zur Laufzeit erscheinen würden. Nur UIBBs, die die Schnittstelle IF_FPM_CFG_UIBB_PREVIEW implementiert haben, können wie zur Laufzeit angezeigt werden. Diese Funktion ist für alle Floorplan-Komponenten (außer für den OVP-Grundriss) und für die Registerkartenkomponente verfügbar.
Objektschema
Der Name dieses Bereichs ist komponentenabhängig, er erscheint als <Grundrisstyp>-Schema oder als <GUIBB-Typ>-Schema.
Dieser Bereich zeigt die Struktur des einzelnen GUIBBs oder der Grundrisskonfiguration. Alle UI-Elemente werden in Tabellenform angezeigt. Innerhalb der Tabelle können Sie Elemente mit den Aufwärts- und Abwärts-Tasten oder durch Drag-and-Drop an eine neue Position verschieben. Sie können in der Tabelle Elemente auswählen und ihre Attribute im Bereich Attribute bearbeiten.
Die Symbolleiste dieses Bereichs ist komponentenabhängig. Sie stellt die folgenden Aktionen zur Verfügung:
einzelne UI-Elemente zum GUIBB oder der Floorplan-Komponente hinzufügen oder sie daraus entfernen
Sie können beispielsweise die folgende Aktivitäten durchführen: Sie können einen Haupt- oder Unterschritt zu einer GAF-Floorplan-Komponente hinzufügen, einen Abschnitt, einen UIBB oder einen Objektauswahlbereich zu einer OVP-Komponente hinzufügen oder eine Spalte in eine Liste oder hierarchische Listenkomponente hinzufügen.
den IDR (von OIF- und GAF-Floorplan-Konfigurationen) konfigurieren
einen UIBB konfigurieren
Im Grundriss können Sie direkt zur Bearbeitung der einzelnen UIBBs wechseln. Verwenden Sie die Breadcrumbs oberhalb des Arbeitsbereichs, um zurück zur Floorplan-Komponente zu navigieren. Beachten Sie, dass die Taste UIBB konfigurieren nur sichtbar ist, wenn die Komponente einen Konfigurationsnamen im Bereich Attribute hat, also konfigurierbar ist.
Elemente können zwischen dem Bereich Repositories und den Objektschemabereichen durch Drag-and-Drop verschoben werden.
Symbolleistenschema
Dieser Bereich zeigt den Aufbau der Drucktastenleiste und einzelne Drucktastenleisten-UI-Elemente in Ihrer Anwendung. Sie können zusätzliche Elemente zur Drucktastenleiste hinzufügen (z. B. Drucktasten, ButtonChoices und Links) und die Attribute im Bereich Attribute bearbeiten. Beachten Sie, dass die verfügbaren Symbolleistenelemente variieren, je nachdem auf welchem Seitentyp Sie arbeiten. Die Position mancher Symbolleistenelemente wird durch das FPM-Framework festgelegt und kann nicht verändert werden.
Wire-Schema
Dieses Panel zeigt die einzelnen Wires (Verbindungen) zwischen den UIBBs in einer Floorplan-Komponente an. Es ist nur für die Floorplan-Komponenten und die zusammengesetzte UIBB-Komponente verfügbar. Die Transaktionshandler-Klasse wird ebenfalls angezeigt. Sie können Wires hinzufügen und entfernen und erhalten Zugriff auf den Graphischen Editor für Verbindungen. Hierbei handelt es sich um ein Werkzeug, mit dem Sie gerichtete Verbindungen (Wires) in Ihren Anwendungen auf graphische, leicht verständliche Weise anlegen und bearbeiten können.
Menüschema
Dieser Bereich zeigt Informationen zu den in der Anwendung verwendeten Aktionsmenüs und Kontextmenüs. Hier können Sie bestehende Menüs konfigurieren und neue Menüs beider Typen anlegen und definieren. Dieser Bereich ist nur für bestimmte GUIBBs verfügbar.
Quickview-Schema
Dieser Bereich zeigt Informationen über Quickviews an, die möglicherweise mit bestimmten Elementen eines GUIBBs verankert sind. Daher wird dieser Bereich nur auf der GUIBB-Ebene und nicht auf der Floorplan-Ebene angezeigt.
Attribute
Wählen Sie die Taste Attribute auf der Hauptsymbolleiste, um diesen Bereich anzuzeigen. Die Attribute konfigurierbarer UI-Elemente werden in diesem Bereich angezeigt. Ob Sie diese Elemente bearbeiten können, hängt vom UI-Element ab, das Sie ausgewählt haben. In diesem Bereich haben Sie außerdem Zugriff auf folgende Funktionen:
Einstellungen für Finalkennzeichen
Anzeigetypabhängige Eigenschaften
Aktionszuordnungen für Drucktasten
Sie können die Attribute mittels der Taste Attribute in der Hauptdrucktastenleiste anzeigen.
Navigation
Wählen Sie die Taste Navigation auf der Hauptsymbolleiste, um diesen Bereich anzuzeigen. Beachten Sie, dass dieser Bereich nicht für alle Komponenten verfügbar ist.
Durch den Bereich Navigation können Sie zwischen den Seiten hin und her wechseln und die Seiten auswählen, die Sie in Ihrer Anwendung bearbeiten möchten, zum Beispiel das Startbild, das Hauptbild einer Anwendungsvariante, eine Bearbeitungsseite oder eine Dialogbox. Hier können Sie in Ihrer Anwendung auch neue Seiten hinzufügen, Seiten löschen oder kopieren.
Die verfügbaren Seitentypen im Bereich Navigation sind abhängig vom Grundrisstyp. Nicht alle Seitentypen sind für alle Grundrisstypen verfügbar.
Dieser Bereich ist nur auf Floorplan-Komponentenebene verfügbar.
Sie können für jede FPM-Anwendung mehrere Varianten eines ausgewählten Grundrisses hinterlegen. Eine Variante liefert Ihnen eine zusätzliche Differenzierungsebene innerhalb des Floorplan Managers. Varianten können zum Beispiel dafür verwendet werden, mehrere Benutzerrollen gleichzeitig in der selben Anwendung anzuzeigen. Die einzelnen Varianten werden dann über ein Einstiegsbild zur Anwendung auseinandergesteuert.
Repositories
Wählen Sie die Taste Repositories auf der Hauptsymbolleiste, um diesen Bereich anzuzeigen. Beachten Sie, dass dieser Bereich nicht für alle Komponenten verfügbar ist.
Der Bereich Repositories liefert Ihnen eine Liste von Verzeichniseinträgen, die in die Bereiche Objektschema und Vorschau im Arbeitsbereich gezogen werden können. Die Liste der Repositories-Einträge ist komponentenabhängig und schließt unter anderem folgende Elemente mit ein: Formularfelder, Listenspalten, Suchkriterien und Suchergebnislisten-Einträge, UIBBs für den Grundriss, zusammengesetzte Komponenten und Registerkartenkomponenten. Sie können nach speziellen Komponentenkonfigurationen suchen, indem Sie Werte in die Felder Komponente, Sicht oder Konfiguration eingeben oder Sie können alle Komponentenkonfigurationen für einen speziellen UIBB-Typ anzeigen lassen.
Der Bereich Repositories kann auch einen Drucktasten-Bereich enthalten, von dem aus Sie verschiedene Drucktastenelemente in das Objektschema, die Drucktastenleiste und in die Vorschau ziehen können.
Dieser Bereich enthält eine Neu-Drucktaste, mit der Sie eine neue UIBB-Komponentenkonfiguration anlegen können, die dann zum Bereich Repositories hinzugefügt wird. Sie können diese dann in das Schema <Grundrissname> und das Schema Drucktastenleiste ziehen. Beachten Sie, dass die neue UIBB-Konfiguration immer auf Konfigurations-(Entwicklungs-)Ebene angelegt wird, auch wenn Sie FLUID im Administratormodus aufrufen.
Anpassungsbereich
Wählen Sie die Umschalttaste Anpassungen und Vergleiche auf der Hauptsymbolleiste, um diesen Bereich anzuzeigen. Beachten Sie, dass dieser Bereich nicht für alle Komponenten verfügbar ist.
Hiermit können Sie kleine Anpassungen bestehender Konfigurationen anlegen, die auf verschiedenen Benutzerkontexten, wie Land oder Rolle, basieren.
Vergleiche
Wählen Sie die Umschalttaste Anpassungen und Vergleiche auf der Hauptsymbolleiste, um diesen Bereich anzuzeigen. Beachten Sie, dass dieser Bereich nicht für alle Komponenten verfügbar ist.
Hier können Sie die Änderungen an einer Konfiguration, sowie die Ebene des Web-Dynpro-ABAP-Konfigurationsframeworks, auf der die Änderungen vorgenommen wurden (beispielsweise Customizing-Ebene oder Konfigurations- (Entwicklungs-) ebene), einsehen.