APEX Face/Off
Designing a GUI using APEX Templates and Themes
The APEX framework is highly configurable, allowing you to implement your own customized application interface design.
ODTUG KScope 2011
9. Web Template
A web template is a tool used to separate
content from presentation in web
design, and for mass-production of web
documents. It is a basic component of a
web template system.
9
25. Understanding Themes
● Themes are collections of templates
● Themes define the layout and style of an entire
application by providing a complete set of
templates that accommodate every UI pattern
that may be needed in an application.
30
27. Create a new custom Theme
● Create a new theme directory in your APEX images directory
● Copy content from existing theme directory to this new directory
● Export the corresponding existing theme
● Open your theme export (sql) file in a text editor and replace path
references:
○ themes/theme_x >> themes/theme_y
● Import your modified theme export.
● Change identification number to y
● Copy your custom CSS/JavaScript/image files into new theme 32
directory
28. Theme Availability
● “Private” Themes
Application specific customized Theme
● Theme Repository
● Workspace administrators can create Workspace
Themes. Workspace themes are available to all
developers within the workspace.
● Instance administrators can create Public Themes.
Public themes are added using Application Express
Administration Services. Once added, these themes are
available to all workspaces and developers. 33
30. Subscribed Template
• A subscribed template is a template that has its
definition maintained in another template, the
referenced template.
• If your application utilizes subscribed
templates, you can unsubscribe to templates on
the Unsubscribe Templates page.
35
34. How to get a good design?
● Specialized
Design Tools
●Download
(free) HTML Template.
●Or ...
39
35. Template Design made Easy/ier
● You don't need to learn Photoshop, CSS, HTML and
other Web technologies to create great looking
designs, including images and buttons.
● Create perfectly correct, validated HTML and CSS that
conform to Web standards.
● Web browser compatibility
● Well structured and formatted HTML and CSS code.
● Choose and use many included design elements, from
backgrounds, tabs to region objects and buttons.
40