Presentation is loading. Please wait.

Presentation is loading. Please wait.

3rd Annual Plex/2E Worldwide Users Conference Page based on Title Slide from Slide Layout palette. Design is cacorp 2006. Title text for Title or Divider.

Similar presentations


Presentation on theme: "3rd Annual Plex/2E Worldwide Users Conference Page based on Title Slide from Slide Layout palette. Design is cacorp 2006. Title text for Title or Divider."— Presentation transcript:

1 3rd Annual Plex/2E Worldwide Users Conference Page based on Title Slide from Slide Layout palette. Design is cacorp Title text for Title or Divider pages should be either 40 pt for short titles/28 pt for subtitles or 32 pts for longer titles/24 pt for subtitles. DATE text box is not on master and can be deleted. The date should always be 20 pts. 10B CA 2E Web Option Advanced Techniques Laura Houchin, ADC Rory Hewitt, CA September 21, 2007

2 2September 21, 2007 CA 2E Web Option Advanced Techniques Copyright © 2007 CA Biography - Laura Houchin >Laura Houchin >Software Architect - CA >Lead developer of 2E Development team >Other facts  Live in St. Louis, MO

3 3September 21, 2007 CA 2E Web Option Advanced Techniques Copyright © 2007 CA Biography - Rory Hewitt >Rory Hewitt >Software Architect - CA >Lead developer of 2E Development team System i developer for 13 years Joined Synon in and stayed! >Other facts  Live in San Francisco, CA  Award winning author  Snowboarder, badass

4 Topic 1: Element Customization Title text for Title or Divider pages should be either 40 pt for short titles /28 pt for subtitles or 32 pts for longer titles /24 pt for subtitles No DATE on divider pages. Page based on Title and Text from Slide Layout palette. Design is 2_Default Design Slide Master ▪ Limited use of primary bullets To reapply Master on Divider pages ONLY, [Format > Slide Design > Apply a design template: > (choose Design 1, 2, or 3) > Apply to Selected Slides]

5 5September 21, 2007 CA 2E Web Option Advanced Techniques Copyright © 2007 CA Element Customization >Simplest way to customize Web Option >Builds on default 'out of the box' look and feel >2 parts to element customization  Create customization data (known by Customization ID)  Attach customization data to model 'element' >Several basic examples shipped >Use YWRKELMCST command to view/create/edit ElmCst Page based on Title and Text from Slide Layout palette. Design is cacorp ▪ Limited use of primary bullets

6 6September 21, 2007 CA 2E Web Option Advanced Techniques Copyright © 2007 CA Element Customization 1: STRIPE >Striping a subfile row  Alternate colors make it easy to visually scan across >ElmCst is very simple: stripeRow(' &&_sflalt '); >Attach to subfile row >&&_sflalt alternates between '1' and '0' >stripeRow() function defined in util.js file Page based on Title and Text from Slide Layout palette. Design is cacorp ▪ Limited use of primary bullets

7 7September 21, 2007 CA 2E Web Option Advanced Techniques Copyright © 2007 CA Create STRIPE Element Customization ID

8 8September 21, 2007 CA 2E Web Option Advanced Techniques Copyright © 2007 CA Press F17 from screen editor

9 9September 21, 2007 CA 2E Web Option Advanced Techniques Copyright © 2007 CA Take 'Z' against subfile record

10 10September 21, 2007 CA 2E Web Option Advanced Techniques Copyright © 2007 CA Press F17 to add Element Customization

11 11September 21, 2007 CA 2E Web Option Advanced Techniques Copyright © 2007 CA Enter 'STRIPE' and press Enter

12 12September 21, 2007 CA 2E Web Option Advanced Techniques Copyright © 2007 CA Basic screen with no ElmCst applied

13 13September 21, 2007 CA 2E Web Option Advanced Techniques Copyright © 2007 CA STRIPE Element Customization applied

14 14September 21, 2007 CA 2E Web Option Advanced Techniques Copyright © 2007 CA Element Customization 2: STRIPESEL >Striping a subfile row plus allow double-click  Alternate colors make it easy to visually scan across  Double-click anywhere on row executes *SFLSEL option  Any valid *SFLSEL option can be used  Perfect for SELRCD and any default functionality >Attach to subfile row (as with STRIPE) Page based on Title and Text from Slide Layout palette. Design is cacorp ▪ Limited use of primary bullets

15 15September 21, 2007 CA 2E Web Option Advanced Techniques Copyright © 2007 CA Create STRIPESEL Element Customization ID

16 16September 21, 2007 CA 2E Web Option Advanced Techniques Copyright © 2007 CA STRIPESEL Element Customization applied Double-click record to select

17 17September 21, 2007 CA 2E Web Option Advanced Techniques Copyright © 2007 CA Element Customization 3: Context menu >Provide right-click (context) menu for e.g. *SFLSEL >Displays as 'floating' drop-down list (like Windows) >Attach to subfile row (as with STRIPE) or *SFLSEL field Page based on Title and Text from Slide Layout palette. Design is cacorp ▪ Limited use of primary bullets

18 18September 21, 2007 CA 2E Web Option Advanced Techniques Copyright © 2007 CA Create CTXMENU_245 Element Customization ID

19 19September 21, 2007 CA 2E Web Option Advanced Techniques Copyright © 2007 CA STRIPE and CTXMENU_245 applied

20 Topic 2: User-defined JavaScript & CSS Title text for Title or Divider pages should be either 40 pt for short titles /28 pt for subtitles or 32 pts for longer titles /24 pt for subtitles No DATE on divider pages. Page based on Title and Text from Slide Layout palette. Design is 2_Default Design Slide Master ▪ Limited use of primary bullets To reapply Master on Divider pages ONLY, [Format > Slide Design > Apply a design template: > (choose Design 1, 2, or 3) > Apply to Selected Slides]

21 21September 21, 2007 CA 2E Web Option Advanced Techniques Copyright © 2007 CA User-defined JavaScript & CSS >Avoids 'clash' with system (shipped) files e.g. YSCRIPT.JS  Don't use 'Y' prefix >Create util.js and util.css 'text files' on PC first >Copy into IFS using FTP, Navigator etc. >Change MLS Syntax file to include references  Direct references  Import references Page based on Title and Text from Slide Layout palette. Design is cacorp ▪ Limited use of primary bullets

22 22September 21, 2007 CA 2E Web Option Advanced Techniques Copyright © 2007 CA User-defined JavaScript & CSS >Change MLS Syntax file to include references:  Add new records to *SCRIPT and *STYLE object groups –More obvious, but requires change to MLS Syntax >Import references into shipped.JS and.CSS files  Add link to util.js into YSCRIPT.JS  to include util.css in e.g. WHITE.CSS –Requires no changes to MLS Syntax Page based on Title and Text from Slide Layout palette. Design is cacorp ▪ Limited use of primary bullets

23 Topic 3: Turn JIT pages into Skeletons Title text for Title or Divider pages should be either 40 pt for short titles /28 pt for subtitles or 32 pts for longer titles /24 pt for subtitles No DATE on divider pages. Page based on Title and Text from Slide Layout palette. Design is 2_Default Design Slide Master ▪ Limited use of primary bullets To reapply Master on Divider pages ONLY, [Format > Slide Design > Apply a design template: > (choose Design 1, 2, or 3) > Apply to Selected Slides]

24 24September 21, 2007 CA 2E Web Option Advanced Techniques Copyright © 2007 CA Turn JIT pages into Skeletons >View the screen in the browser as a JIT page  View Source, Save As (menu.htm) to desktop Page based on Title and Text from Slide Layout palette. Design is cacorp ▪ Limited use of primary bullets

25 25September 21, 2007 CA 2E Web Option Advanced Techniques Copyright © 2007 CA Turn JIT pages into Skeletons >View the screen in the browser as a JIT page  View Source, Save As (menu.htm) to desktop Page based on Title and Text from Slide Layout palette. Design is cacorp ▪ Limited use of primary bullets

26 26September 21, 2007 CA 2E Web Option Advanced Techniques Copyright © 2007 CA Turn JIT pages into Skeletons >Edit the source on the PC or on the iSeries using SEU (do next 2 steps first!)  

Copy into IFS using FTP, Navigator etc. >Run YPRCSKL and use *CVTTOSKL >Use YWRKSCRXRF and create cross reference records >Now check out your menu screen Page based on Title and Text from Slide Layout palette. Design is cacorp ▪ Limited use of primary bullets

27 27September 21, 2007 CA 2E Web Option Advanced Techniques Copyright © 2007 CA Turn JIT pages into Skeletons >Now check out your screen (simple example, of course!) Page based on Title and Text from Slide Layout palette. Design is cacorp ▪ Limited use of primary bullets

28 28September 21, 2007 CA 2E Web Option Advanced Techniques Copyright © 2007 CA CA 2E Web Option Advanced Techniques >Any number of customizations are possible with Web Option!  Use Stylesheets to simply global look  Use JavaScripts to beef up web pages  Simple to complex customization can be accomplished easily Page based on Title and Text from Slide Layout palette. Design is cacorp ▪ Limited use of primary bullets Questions?


Download ppt "3rd Annual Plex/2E Worldwide Users Conference Page based on Title Slide from Slide Layout palette. Design is cacorp 2006. Title text for Title or Divider."

Similar presentations


Ads by Google