+ All Categories
Home > Documents > BLUG Rapid XPages

BLUG Rapid XPages

Date post: 11-Nov-2014
Category:
Upload: mourad-sadiq
View: 37 times
Download: 1 times
Share this document with a friend
Popular Tags:
38
© 2013 The Learning Continuum Company, Ltd 1 Rapid XPages Development
Transcript
Page 1: BLUG Rapid XPages

© 2013 The Learning Continuum Company, Ltd

1

Rapid XPages Development

Page 2: BLUG Rapid XPages

© 2013 The Learning Continuum Company, Ltd

2

Howard Greenberg The Learning Continuum Company - TLCC Email: [email protected] Twitter: @TLCCLtd

Instructor

#XPages

Page 3: BLUG Rapid XPages

© 2013 The Learning Continuum Company, Ltd

3

TLCC XPages Offerings

• Seven XPages Courses! ‒ NEW! Rapid XPages Development using Application Layout and Dojo UI Controls ‒ FREE !! Introduction to XPages Development ‒ JavaScript for XPages Development ‒ Developing XPages Using Domino Designer 8.5 ‒ XPages Development 2 for Notes and Domino 8.5 ‒ Mobile XPages for Domino 8.5 ‒ Java 1 for XPages Developers

• Self Paced Training – Learn anywhere! – An Instructor is a click away

• Instructor Led (Private) • TLCC Mentoring Services

Page 4: BLUG Rapid XPages

© 2013 The Learning Continuum Company, Ltd

4

Special Offer for Attendees

• Special offer for BLUG Attendees – 20% off on all TLCC courses – 5% off on any course on sale

• Go to www.tlcc.com/blug to get this offer

Page 5: BLUG Rapid XPages

© 2013 The Learning Continuum Company, Ltd

5

Agenda

• Requirements and Terminology • Form Table control • Data View control • Application Layout control • Q & A

#XPages

Page 6: BLUG Rapid XPages

© 2013 The Learning Continuum Company, Ltd

6

System Requirements

• Domino Designer 8.5.3 and Domino Server 8.5.3

– Upgrade Pack 1 or

– 8.5.3 Extension Library

• IBM Notes and Domino 9 beta

– Upgrade Pack 1+ Included – All you need

Page 7: BLUG Rapid XPages

© 2013 The Learning Continuum Company, Ltd

7

Form Table

Note: OneUIV2 Theme is required to display the Form Table control

Page 8: BLUG Rapid XPages

© 2013 The Learning Continuum Company, Ltd

8

Tip: Validation and Form Tables

Page 9: BLUG Rapid XPages

© 2013 The Learning Continuum Company, Ltd

9

Procedure: Add a Form Table to an XPage …

Add Form Table to XPage

… cont’d …

Page 10: BLUG Rapid XPages

© 2013 The Learning Continuum Company, Ltd

10

Procedure: Add a Form Table to an XPage …

1

2

3

… cont’d …

Add Form Layout Row to Form Table

Page 11: BLUG Rapid XPages

© 2013 The Learning Continuum Company, Ltd

11

Procedure: Add a Form Table to an XPage

DemoXPage211Input

Add action controls & set navigation

Page 12: BLUG Rapid XPages

© 2013 The Learning Continuum Company, Ltd

12

Demo: Form Table

• DocXPage • DocXPage_FormTable

Page 13: BLUG Rapid XPages

© 2013 The Learning Continuum Company, Ltd

13

Data View control versus core View control

DemoXPage511View

Page 14: BLUG Rapid XPages

© 2013 The Learning Continuum Company, Ltd

14

Data View Design Framework: Properties, Complex Properties and facets

Page 15: BLUG Rapid XPages

© 2013 The Learning Continuum Company, Ltd

15

Procedure: Creating a Data View …

… cont’d …

Page 16: BLUG Rapid XPages

© 2013 The Learning Continuum Company, Ltd

16

Procedure: Creating a Data View …

… cont’d …

Page 17: BLUG Rapid XPages

© 2013 The Learning Continuum Company, Ltd

17

Procedure: Creating a Data View …

… cont’d …

Page 18: BLUG Rapid XPages

© 2013 The Learning Continuum Company, Ltd

18

Procedure: Creating a Data View …

… cont’d …

Page 19: BLUG Rapid XPages

© 2013 The Learning Continuum Company, Ltd

19

Procedure: Creating a Data View

Page 20: BLUG Rapid XPages

© 2013 The Learning Continuum Company, Ltd

20

Demo: Data View

• DataView_ToBuild

Page 21: BLUG Rapid XPages

© 2013 The Learning Continuum Company, Ltd

21

Categorized Columns in a Data View

Page 22: BLUG Rapid XPages

© 2013 The Learning Continuum Company, Ltd

22

Method 1: Categorizing by setting the categoryColumn property

DemoXPage532View

Page 23: BLUG Rapid XPages

© 2013 The Learning Continuum Company, Ltd

23

Method 2: Categorizing using the categoryRow facet

Page 24: BLUG Rapid XPages

© 2013 The Learning Continuum Company, Ltd

24

Details, Details … and Repeat!

DemoXPage545View

Page 25: BLUG Rapid XPages

© 2013 The Learning Continuum Company, Ltd

25

Navigator Control

DemoXPage621a

Page 26: BLUG Rapid XPages

© 2013 The Learning Continuum Company, Ltd

26

Application Layout Design Framework: Configuration Property and facets …

… cont’d …

• Six facet areas • Five bar areas

Page 27: BLUG Rapid XPages

© 2013 The Learning Continuum Company, Ltd

27

Application Layout Design Framework: Configuration Property and facets

Page 28: BLUG Rapid XPages

© 2013 The Learning Continuum Company, Ltd

28

One onItemClick event for all nodes in xe:applicationLayout configuration

onItemClick event - triggered when any node in any of its configuration properties is fired, including:

• bannerApplicationLinks • bannerUtilityLinks • titleBarTabs • placeBarActions • footerLinks

Get submitted value for clicked node - SSJS: Get submitted value for clicked node - CSJS:

Page 29: BLUG Rapid XPages

© 2013 The Learning Continuum Company, Ltd

29

Demonstrations

• DemoXPage711 – Areas of the Application Layout control • DemoXPage712 – onItemClick event for

xe:applicationLayout

Page 30: BLUG Rapid XPages

© 2013 The Learning Continuum Company, Ltd

30

The oneuiv2.1 Themes

OneUI version 2 Themes: <NotesDominoDataDirectory>\domino\html\oneuiv2.1

OneUI version 2 Theme definitions: <NotesDominoProgramDirectory>\xsp\nsf\themes

Page 31: BLUG Rapid XPages

© 2013 The Learning Continuum Company, Ltd

31

Procedure: Setting a oneuiv2.1 Theme for an Application

OR …

DemoXPage721

Page 32: BLUG Rapid XPages

© 2013 The Learning Continuum Company, Ltd

32

Navigation and Context: You are Here!

Demo761_CustByNameView

Page 33: BLUG Rapid XPages

© 2013 The Learning Continuum Company, Ltd

33

Procedure: Designing an Application Layout in a Custom Control …

… cont’d …

Page 34: BLUG Rapid XPages

© 2013 The Learning Continuum Company, Ltd

34

Technique: Using the navigationPath Property to Select a Tab

Example: Customers Application

Page 35: BLUG Rapid XPages

© 2013 The Learning Continuum Company, Ltd

35

Technique: Using the navigationPath Property in a Custom Control

XPage

Custom Control

Application Layout Control

Page 36: BLUG Rapid XPages

© 2013 The Learning Continuum Company, Ltd

36

Application Layout Design Framework

Custom Controls

Parts XPages Customers XPages

Page 37: BLUG Rapid XPages

© 2013 The Learning Continuum Company, Ltd

37

Demo – Application Layout Control

• We will start with the Custom Control called ccActivity3_AppLayout

Page 38: BLUG Rapid XPages

© 2013 The Learning Continuum Company, Ltd

38

Time for YOUR Questions!


Recommended