New Features regarding the Main Theme in APEX 19.1 and 19.2 New Features regarding Template Options, Theme Roller and Icons. Presentation was held at the DOAG conference 2019 in nuremberg.

1. 1
Oliver Lemm - DOAG 2019
Das Universal Theme in
APEX 19

2. 2
Unsere Hard Facts
Zertifizierter
Partner von
Oracle
Microsoft
280
Beschäftigte
Inhabergeführt
Ausbildungsbetrieb
Partner im
dualen Studium
Branchen-
übergreifend
Herstellerneutral
Hauptsitz
Ratingen
Niederlassungen
Frankfurt am Main
Köln
Dortmund
München
Gründung
1994
33 Mio. Euro
Umsatz
>100 Kunden
Ihr Partner für den digitalen Wandel
Individuelle IT-Lösungen aus einer Hand

3. 4
Oliver Lemm
• Business Unit Leader APEX @ MT AG
• Architect, Project Leader, Developer

4. 5
Agenda
• Overview
• Theme 42
• Themeroller
• Template Options
• Font APEX / Awesome
• Future

5. 6
what is Universal Theme (UT)?
• the User Interface for APEX
• the only integrated theme since apex 5
• it’s theme 42
• following options are only available in the Universal Theme
• template options
• Font APEX (Icon Library)
• full Modal Dialog support
• Responsive Design
• Mobile Support

6. 7
Versions of Universal Theme
APEX 5.0 5.1 18.1 18.2 19.1 19.2
UT Version 1.0 1.1 1.2 1.2 1.3 1.4
Sample App Version 1.0.1 1.1.0.0.5 1.2.0.0.4 1.2.0.0.5 1.3.0 1.3.1
Font APEX 1.0 2.0 2.1 2.1 2.1
Font Awesome 4.2.0 4.5.0 4.5.0 4.5.0 4.5.0 removed

7. 8
Universal Theme Sample Application

8. 9
Universal Theme Sample App
• Sample App Version is not updated automatically
• Sample App on https://apex.oracle.com/ut always available
• but always “only” in the newest version
• Components, Icons, Migration Guide and more integrated

9. 10
Universal Theme
• Dark Mode
• Fully Collapsible Navigation Menu
• New Login Page Styles
• New Content Row Template
• Logo Editor in Theme Roller
Release Notes 19.2 – New Features – 4.1.2 Universal Theme
new “Main” Features in 19.2

10. 11
Dark Mode
dark vs standard

11. 12
Fully Collapsible Navigation Menu
User Interface Defaults
18.2
19.2*
19.1

12. 13
Fully Collapsible Navigation Menu
User Interface Defaults – Collapse Mode – APEX 19.1/19.2
enlarged collapsed – Icons
19.1
collapsed – hidden
19.2 (default)

13. 14
New Login Page Styles
standard style – APEX 19.2

14. 16
New Login Page Styles
Template Option: Page Layout – APEX 19.2
Floating Split

15. 17
New Login Page Styles
Template Option: Page Background – APEX 19.2
Background 1 Background 2 Background 3

16. 18
New Content Row Template
see Universal Theme Sample App – APEX 19.2

17. 19
Logo Editor in Theme Roller
APEX 19.2

18. 20
User Interface Defaults
Navigation Menu – Style (APEX 19.1)
Classic
Style A
(default)
Style B

19. 21
User Interface Defaults
Navigation Bar
18.2
19.2
not checked
checked

20. 22
Themeroller
APEX 19.2APEX 18.2

21. 23
Themeroller
APEX 19.1
APEX 18.2 APEX 19.1

22. 24
Region Template Inline Pop-up
4.1.2 Region template Inline Pop-up
A new region template Inline Pop-up is now available in Universal Theme. This template
places the region content in a pop-up region that can be opened with the Open Region
dynamic action (similar to the Inline Dialog region).
APEX 19.1
Inline Dialog
Inline Popup

23. 25
Switch Item
APEX 19.2
APEX 19.2APEX 18.2

24. 26
18.2 vs 19.2

25. 27
Template Options
• Icon Hover Animation: Default, Spin, Push
• Buttons (Icons & Text with Icons)
• Icon Shape: Circle, Rounded Corners, Square
• List – Cards
• Region – Hero
• Report – Cards
• Report – Comments
• Display Menu Callout
• Navigation Bar
• Remove Body Padding
• Region Inline Dialog
APEX 19.1/19.2 - New Template Options

26. 28
Font APEX / Font Awesome
5.1.12 Font Awesome migrated to Font APEX
Font Awesome has been removed as of this release.
Applications using Font Awesome will be migrated to Font
APEX automatically.
APEX 19.2

27. 29
Lists
easier to handle
18.2 19.2

28. 30
Deprecated Features
6.1.4 Show / Hide All Page Items On Same Line attributes deprecated
In Dynamic Actions, the Show and Hide actions have attributes "Show all page items on
same line" and "Hide all page items on same line," respectively. These attributes were
designed for forms with a table-based layout. Because Universal Theme no longer uses
table-based layout, these attributes are deprecated.
This functionality remains for existing Dynamic Actions where it was set to Yes, but
developers cannot select it for new Dynamic Actions.
APEX 19.2

29. 31
Universal Theme API Packages
since APEX 5.1

30. 32
moving to 19.2
1. Export Application
2. Install APEX 19.2 (copy images)
3. Refresh Theme
4. Upgrade Application Components
5. Change Icon Library
6. Check your Application
7. Run your Application
8. Export Application

31. mt-ag.com/apex-support

32. News from the MT Lab: APEX Testing Framework
• APEX metadata-driven User Acceptance Tests
• Execute on many different test engines
(Selenium, browserstack.com, Puppeteer, etc.)
• Demo Video: https://bit.ly/apextesting
• Contacts:
• Kai Donato
• Fabian Neureiter
1. Get APEX 2. Create testcases3. Schedule/Run testcases

33. 35
?
Vielen Dank für die Aufmerksamkeit!
Fragen oder
Diskussionsbeiträge