0 0 0 0 apex sig may 2015 paul chester. 0 0 apex themes and templates

16
0 0 Apex SIG May 2015 Paul Chester

Upload: clara-jefferson

Post on 24-Dec-2015

221 views

Category:

Documents


4 download

TRANSCRIPT

Page 1: 0 0 0 0 Apex SIG May 2015 Paul Chester. 0 0 Apex Themes and Templates

00

Apex SIG May 2015

Paul Chester

Page 2: 0 0 0 0 Apex SIG May 2015 Paul Chester. 0 0 Apex Themes and Templates

0

Apex Themes and Templates

• Sibylline Solutions Limited

Introduction

• Create drag and drop regions

Drag & Drop

• Extend page and region help

Help

• UI loaded at runtime rather than fixed by developer

User selectable styles

Q&A

Page 3: 0 0 0 0 Apex SIG May 2015 Paul Chester. 0 0 Apex Themes and Templates

0

Introduction - Sibylline

• 1992 - Occam started as Oracle ISV

• 2000 - focused on HE sector

• 2004 - HTML DB Support Desk App

• 2005 - Apex 2.1 Apps• 2014 - Sibylline spin

out to capitalise on Apex IPR

Sibylline Oracles Prophetesses who uttered divine revelations

Page 4: 0 0 0 0 Apex SIG May 2015 Paul Chester. 0 0 Apex Themes and Templates

00

Drag & Drop

Page 5: 0 0 0 0 Apex SIG May 2015 Paul Chester. 0 0 Apex Themes and Templates

0

• Load jquery library in theme (jquery.ui.sortable.js)• Create drag & drop region template• Add regions to page and define static ids• Create package procedure to process data

(using APEX_UTIL.STRING_TO_TABLE)• Create page process to call package procedure• Create javascript function to call page process • Use dynamic action on button to call function

Drag & Drop

Page 6: 0 0 0 0 Apex SIG May 2015 Paul Chester. 0 0 Apex Themes and Templates

0

DEMO

Drag & Drop

Page 7: 0 0 0 0 Apex SIG May 2015 Paul Chester. 0 0 Apex Themes and Templates

00

Help

Page 8: 0 0 0 0 Apex SIG May 2015 Paul Chester. 0 0 Apex Themes and Templates

0

• Package procedure to retrieve page information from Apex views

• Create a Region Template (Information)• Page 0 Help Panel region using Information Template• Page Template Javascript function to css to hide/show

Help

Page 9: 0 0 0 0 Apex SIG May 2015 Paul Chester. 0 0 Apex Themes and Templates

0

DEMO

Help

Page 10: 0 0 0 0 Apex SIG May 2015 Paul Chester. 0 0 Apex Themes and Templates

00

User selectable UI

Page 11: 0 0 0 0 Apex SIG May 2015 Paul Chester. 0 0 Apex Themes and Templates

0

• Create application item to hold css file location• Add application item to theme css file sources• Table to hold valid user css files• Table to hold users preferences• On login authentication process to populate default• Page zero LOV to change default and reload page

User Selectable UI

Page 12: 0 0 0 0 Apex SIG May 2015 Paul Chester. 0 0 Apex Themes and Templates

0

DEMO

User Selectable UI

Page 13: 0 0 0 0 Apex SIG May 2015 Paul Chester. 0 0 Apex Themes and Templates

00

Extending CKEditor

Page 14: 0 0 0 0 Apex SIG May 2015 Paul Chester. 0 0 Apex Themes and Templates

0

• Download plugin from http://ckeditor.com/addons/plugins/all

• Install plug in ./images/libraries/ckekitor/4.2.6/plugins• Amend ./images/libraries/ckekitor/config.js for plugin

Extending CKEditor

Page 15: 0 0 0 0 Apex SIG May 2015 Paul Chester. 0 0 Apex Themes and Templates

0

DEMO

Help

Page 16: 0 0 0 0 Apex SIG May 2015 Paul Chester. 0 0 Apex Themes and Templates

00

Q&[email protected]