Oracle Application Express 5.1

Oracle Application Express 5.1 Universal Theme Marc Sewtz Senior Software Development Manager Oracle America, Inc. New York, NY Copyright 2016, Oracle and/or its affiliates. All rights reserved. Confidential Oracle Internal/Restricted/Highly Restricted

Marc Sewtz Senior Software Development Manager Oracle Application Express / Database Tools Oracle Consulting, Hamburg 1998 Oracle Consulting, New York City 1999-2002 Erste APEX Anwendung entwickelt in 2001 Wechsel in das APEX Entwicklungsteam / Database Tools in 2002 Twitter: @msewtz APEX on Twitter: #ORCLAPEX Blog: http://marcsewtz.blogspot.com Copyright 2014 Oracle and/or its affiliates. All rights reserved.

Safe Harbor Statement The following is intended to outline our general product direction. It is intended for information purposes only, and may not be incorporated into any contract. It is not a commitment to deliver any material, code, or functionality, and should not be relied upon in making purchasing decisions. The development, release, and timing of any features or functionality described for Oracle s products remains at the sole discretion of Oracle. Copyright 2016, Oracle and/or its affiliates. All rights reserved. Confidential Oracle Internal/Restricted/Highly Restricted 4

1 2 3 4 5 Themes in Oracle Application Express Template Options Theme Styles Theme Subscriptions Universal Theme Copyright 2016, Oracle and/or its affiliates. All rights reserved. Confidential Oracle Internal/Restricted/Highly Restricted 5

Oracle Application Express (APEX) Datenbankzentrische Anwendungsentwicklung Copyright 2016, Oracle and/or its affiliates. All rights reserved. Confidential Oracle Internal/Restricted/Highly Restricted 7

Themes & Templates in APEX HTML Seitengenerierung mit APEX Benutzer sendet HTTP Request APEX ließt Seitendefinition und Templates aus dem APEX Metadaten-Repository APEX ließt Anwendungsdaten für Reports, Charts, Form aus Anwendungsschema HTML Seite wird dynamisch zur Laufzeit erzeugt und an den Benutzer zurück geliefert Copyright 2016, Oracle and/or its affiliates. All rights reserved. Confidential Oracle Internal/Restricted/Highly Restricted 8

Themes & Templates in APEX Was ist eine Template? Standard HTML mit Substitution-Strings Template unterteilt in Segmente wie Header, Body, Footer Substitution Strings zur Laufzeit ersetzt Dynamischen Inhalten wie z.b. Anwendungsdaten, Titel, Logo, Nachrichten, usw. CSS, Image und JavaScript File Referenzen Untergeordnete Komponenten, z.b. Navigation, Form, Report oder Chart Regionen; Items, Buttons Header: <html> <head> <title>#title#</title> #CSS# #HEAD# </head> <body> Body: <div> #BODY# </div> Footer: #JAVASCRIPT# </body> <html> Copyright 2016, Oracle and/or its affiliates. All rights reserved. Confidential Oracle Internal/Restricted/Highly Restricted 9

Themes & Templates in APEX Template-Typen Page Region Report List Breadcrumb Button Label PopupLOV Komplexere Komponenten verwenden feste HTML Strukturen und können nur per CSS angepasst werden, z.b. Interactive Reports, Interactive Grids, Kalender und Trees Copyright 2016, Oracle and/or its affiliates. All rights reserved. Confidential Oracle Internal/Restricted/Highly Restricted 10

Themes & Templates in APEX Unterstützte Web-Browser und Deprecated Themes Es werden die jeweils aktuelle Browser- Version und die vorherige Version unterstützt, z.b. IE11 und Edge Legacy Themes sind in APEX 5.1 deprecated und in APEX 5.2 de-supported Theme 1-26 Images und CSS weiterhin mitgeliefert Einsatz von Custom-Themes weiterhin supported Copyright 2016, Oracle and/or its affiliates. All rights reserved. Confidential Oracle Internal/Restricted/Highly Restricted 11

Themes & Templates in APEX Universal Theme und jquery Mobile Theme Universal Theme ist ein responsive Theme und sollte für alle neu entwickelten Anwendungen verwendet werden jquery Mobile Theme weiterhin unterstützt in APEX 5.1 und wenn möglich auch in APEX 5.2 Aktualisierung der JavaScript Libraries in APEX 5.2 Oracle JET 3.x jquery 3.x und jquery UI 1.12.x jquery Mobile 1.4.5 wurde am 31. Oktober 2014 veröffentlicht, Support für aktuelle jquery Core Library unklar Copyright 2016, Oracle and/or its affiliates. All rights reserved. Confidential Oracle Internal/Restricted/Highly Restricted 12

Template Options Deklarative Cascading Style Sheets Deklarative CSS Modifizierer für HTML5 Templates Definiert auf Template-Level Verfügbar mit den meisten Template-Typen Weniger Templates pro Theme Hunderte von Kombinationsmöglichkeiten Copyright 2016, Oracle and/or its affiliates. All rights reserved. Confidential Oracle Internal/Restricted/Highly Restricted 15

Template Options Definition und Selektion Werden individuell für einzelne Komponenten selektiert Auswahl von Farben, Icon, Größe, Ausrichtung, etc Verständliche Bezeichner Defaults erlauben Anwendungsweite Änderungen Presets werden beim Anlegen einer Komponente gesetzt Copyright 2016, Oracle and/or its affiliates. All rights reserved. Confidential Oracle Internal/Restricted/Highly Restricted 16

Template Options Live Template Options Auswahl von Template Options zur Laufzeit Effekt auf die ausgewählte Komponente ist direkt sichtbar Live Template Optionen können über Quick Edit in der Developer Toolbar aktiviert werden Copyright 2016, Oracle and/or its affiliates. All rights reserved. Confidential Oracle Internal/Restricted/Highly Restricted 17

Theme Styles Funktionsweise Theme Styles überschreiben Standard Look & Feel mit alternativen CSS Klassen Erlauben unterschiedliche Farbschemas, Styles, Fonts, etc Können von Administratoren global und vom Endbenutzer individuell gesetzt werden Universal Theme bietet fünf verschiedene Theme Styles Copyright 2016, Oracle and/or its affiliates. All rights reserved. Confidential Oracle Internal/Restricted/Highly Restricted 20

Theme Styles Theme Roller Erstellen eigener Theme Styles Anpassung von Layout-Attributen z.b. Farbschemas, Linien, Abstand, Höhe und Breite von Komponenten Verwendung eigener CSS Classen Aufruf aus der Developer Toolbar Änderungen werden direkt in Anwendung angezeigt Erlaubt anlegen neuer und Aktualisierung bestehender Theme Styles Copyright 2016, Oracle and/or its affiliates. All rights reserved. Confidential Oracle Internal/Restricted/Highly Restricted 21

Theme Styles Dynamic Theme Styles Theme Style Auswahl für alle Benutzer zur Laufzeit Individuelle Theme Style - Auswahl durch den Anwender Programmatisches Setzen des Theme Styles mit: apex_theme.set_user_style apex_theme.set_user_style( p_application_id => [APPLICATION ID], p_user => [USER], p_theme_number => 42, p_id => [THEME STYLE ID] ); Copyright 2016, Oracle and/or its affiliates. All rights reserved. Confidential Oracle Internal/Restricted/Highly Restricted 22

Theme Subscriptions Master Themes Aktualisierung eines Themes basierend auf einem Master-Theme z.b. Aktualisierung des Universal Themes von APEX 5.0 auf APEX 5.1 Oracle Master Theme Repository, Instanzund Workspace-Level Themes Konsistente UI in allen Anwendungen mit einem gemeinsame Master-Theme Copyright 2016, Oracle and/or its affiliates. All rights reserved. Confidential Oracle Internal/Restricted/Highly Restricted 25

Theme Subscriptions Aktualisierung und Anpassung von Templates Templates sind identisch, Theme Styles können jedoch individuell angepasst werden Template- und Template Options-Änderungen können per Push oder Pull aktualisiert werden Templates in einem Child -Theme sind nicht editierbar und werden beim Aktualisieren des Themes überschrieben Lokale Template-Kopien sind hingegen editierbar und werden nicht überschrieben Copyright 2016, Oracle and/or its affiliates. All rights reserved. Confidential Oracle Internal/Restricted/Highly Restricted 26

Theme Subscriptions Workspace Themes und Wiederherstellen von Subscriptions Eigene Themes können als Workspace-Level Theme geladen werden, d.h. Anwendungen können dieses Theme als Master referenzieren Theme Subscriptions können wiederhergestellt werden, d.h. in kompatiblen Themes können Templates, Files, etc. wieder mit dem Master-Theme verknüpft werden Copyright 2016, Oracle and/or its affiliates. All rights reserved. Confidential Oracle Internal/Restricted/Highly Restricted 27

Universal Theme Design-Ziele Responsive Design Einsatz auf Desktops und mobilen Endgeräten Vielseitiges Benutzerinterface Vorgefertigte Komponenten und Bausteine, mit denen jede Art von Geschäftsanwendung entwickelt werden kann Einfach anzupassen Einfach zu verwendende Werkzeuge zum Anpassen des Themes an Corporate Design Deklarative Template Optionen zum fine-tunen der Komponenten Copyright 2016, Oracle and/or its affiliates. All rights reserved. Confidential Oracle Internal/Restricted/Highly Restricted 30

Universal Theme Responsive Grid Fließende und verschachtelte Grids Proportionale Spaltenbreite Komplexes Form Layout Responsive Komponenten Tap-Event Handling für Touch- Bildschirme Copyright 2016, Oracle and/or its affiliates. All rights reserved. Confidential Oracle Internal/Restricted/Highly Restricted 31

Universal Theme Responsive Grid 12-Spalten Grid Basierend auf Bootstrap Toggle Layout Columns in Toolbar zeigt Grid zur Laufzeit Sub-Region startet neues 12-Spalten Grid innerhalb der Parent-Region Column Modifier Classes zum fine-tunen des responsiven Verhaltens Extra small devices Phones (<768px) Small devices Tablets ( 768px) Medium devices Desktops ( 992px) Large devices Desktops ( 1200px).col-xs-.col-sm-.col-sm-.col-sm- Copyright 2016, Oracle and/or its affiliates. All rights reserved. Confidential Oracle Internal/Restricted/Highly Restricted 32

Universal Theme Navigationsmenüs Menüs können am Rand oder oberhalb der Seite angezeigt werden Hierarchische Menüs sind accessible (barrierefrei) Menüs sind als Listen implementiert Tabs in älteren Themes können in Menüs umgewandelt werden Copyright 2016, Oracle and/or its affiliates. All rights reserved. Confidential Oracle Internal/Restricted/Highly Restricted 33

Universal Theme Schreibrichtung Rechts nach Links APEX 5.1 unterstützt mit dem Universal Theme Schriften wie z.b. Arabisch und Hibräisch, die von Rechts nach Links geschrieben werden Die Schreibrichtung kann in den Globalizationsattributen sowie in der Sprachzuordnung definiert werden Copyright 2016, Oracle and/or its affiliates. All rights reserved. Confidential Oracle Internal/Restricted/Highly Restricted 34