Download presentation
Presentation is loading. Please wait.
Published byCora Anthony Modified over 10 years ago
1
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 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 >lhouchin@adcaustin.com >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 1997... and stayed! >rory.hewitt@ca.com >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 2006. ▪ 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 2006. ▪ 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 2006. ▪ 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 2006. ▪ 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 2006. ▪ 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 Use @import 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 2006. ▪ 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 2006. ▪ 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 2006. ▪ 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!) <form method=“post” action=“(_xCALLURL)” name=“(_xSKEL)” etc. Compare to a generated skeleton >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 2006. ▪ 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 2006. ▪ 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 2006. ▪ Limited use of primary bullets Questions?
Similar presentations
© 2025 SlidePlayer.com. Inc.
All rights reserved.