Full Width in SAPUI5

Maximieren sie die Bildschirmnutzung mit Full Width in SAPUI5. Erfahren Sie, wie Sie in SAP UI5-Anwendungen das Full-Width-Layout nutzen können, um die Darstellung großer Datenmengen zu optimieren und die Benutzererfahrung auf Desktops zu verbessern. Entdecken Sie die Anpassungsmöglichkeiten jenseits von Letterboxing mit Fiori 2.0.

SAP UI5 Anwendungen, die standardmäßig auf eine Breite von 1280 px begrenzt sind, können bei Nutzern mit höherer Bildschirmauflösung ungenutzte Bereiche anzeigen, was als „Letterboxing“ bekannt ist. Dieses Designmerkmal, das Teil der Fiori Design Guidelines ist, trägt zwar zur visuellen Konsistenz über verschiedene Geräte hinweg bei, kann jedoch bei Desktop-Anwendungen, die von einer breiteren Darstellung profitieren würden, Einschränkungen mit sich bringen. Für eine optimale Nutzung des Bildschirmplatzes und Anpassung an die Bedürfnisse moderner Anwendungen, können Entwickler die Breiteneinstellungen anpassen.

Weitere Infos zum Letterboxing findest du in den SAP Fiori Design Guidelines. Link

CloudDNA Bücher
Letterboxing eingeschaltet

Letterboxing deaktivieren

Mit Fiori 2.0 ist die Verwendung von Letterboxing optional geworden, wodurch Entwickler ihre SAP UI5-Anwendungen auf „Full Width“-Layout umstellen können. Full Witdh im SAPUI5 ist besonders vorteilhaft, um große Datenmengen übersichtlich darzustellen, die Sichtbarkeit von Informationen ohne Scrollen zu maximieren und die Anwendungserfahrung auf Desktops zu verbessern. Zur Deaktivierung von Letterboxing gibt es zwei Ansätze, einer davon ist die Anpassung im Manifest unter „sap.ui“.

Letterboxing deaktiveren

{
  ...
  "sap.ui": {
    "technology": "UI5",
    "fullWidth": true,
    "icons": {
    ...
    },
    ...
  }
}

Durch das deaktivieren des Letterboxing wird der Inhalt über den gesamten Screen angezeigt.

Letterboxing ausgeschaltet