documentation
.HELP!
LANSA WAM Documentation
8 2 1 Common Chart Topics
LANSA WAM
previous page
next page
8.2.1 Common Chart Topics
Chart Data
Chart Colors
Chart Title, Label and Legends
Chart Margins
previous page
start
next page
Menu
Homepage
Table of contents
Web Application Modules (WAMs)
Before You Begin
1. An Introduction to WAMs
1.1 What is a WAM?
1.2 The BIG Advantage of the WAM Architecture
1.3 Other Great Things about WAMs
1.4 The Application Logic Layer
1.4.1 Webroutines
1.4.2 Web Maps
Attributes for Fields in Web Maps
Webroutines generate Presentation Layer XSL when Compiled
Global Web Maps
Controlling Webroutine Flow Programmatically
1.4.3 Being Stateless
1.4.4 How Reusable Parts can Play a Role
1.5 The Presentation Layer
1.5.1 The Editor
1.5.2 What is Generated for the Presentation Layer by Default?
1.5.3 Weblets
1.6 A WAM Example - Beginning to End
1.7 WAM Wizards
1.7.1 LANSA Web Mobile Application
1.7.2 LANSA Web jQuery Themed CRUD Application
1.7.3 Web Application Layout Manager Wizard
2. WAMs Deconstructed
2.1 The Relationship Between WAMs, Webroutines, Weblet and Weblet Templates
2.1.1 What happens when I build or compile a WAM?
2.1.2 What are Weblets and Weblet Templates?
2.1.3 How do I use Weblets?
2.1.4 How do I know where and when to use a Weblet?
2.1.5 Can I create my own Weblets?
2.2 Technology Services
2.3 Structure of a Webroutine's XSL
2.4 WAM Layouts and Layout Weblets
2.4.1 What is a WAM Layout?
2.4.2 What is a Layout Weblet?
2.4.3 What do Layouts Determine/Control?
2.4.4 How is a WAM layout assigned to a WAM?
2.4.5 How do I Create my Own Site Layout?
2.4.6 Can I Change the WAM Layout used by a Webroutine?
2.4.7 Can I Change the Layout Weblet associated with a WAM Layout?
2.5 Variables
2.5.1 How can I Change the Value of a Shipped Variable?
2.5.2 How can I Create my own Variables?
2.6 Localized Variables
2.7 Cascading Style Sheets (CSS) and the Style Weblet
2.7.1 What are Cascading Style Sheets and how do they work?
2.7.2 What CSS files are loaded and how do I add my own?
2.7.3 Can I create my own Style Weblet?
2.7.4 What Cascading Style Sheets are available?
2.8 JavaScript and the Script Weblet
2.8.1 Can I create my own Script Weblet?
2.8.2 How do I Format inline JavaScript for a Weblet Property?
2.9 Messages
2.10 Types
2.11 Hidden
2.12 Keys
2.13 Inline Lists
2.13.1 Creating an Inline List
2.13.2 Using Weblets in an Inline List
3. Essential Topics
3.1 Using CHECKNUMERIC in WAMs
3.2 WAM Application Design
3.3 Developing for Multiple Languages
3.4 Using Cookies in Your WAM Application
3.5 Using the Service Name
3.6 Using Session Status
3.7 Deleting Objects
3.8 LOB Data Types and Stream Files
3.8.1 File Request
3.8.2 LOB/File Content Type
3.8.3 LOB/File Properties
3.8.4 Custom HTTP Headers
3.8.5 CLOBs and Files with Text Content
3.8.6 Compression
3.9 WAM External Resources
3.9.1 Specifying scripts and styles
3.9.2 Web External Resource Locations
Locations
Resolution of different locations
3.9.3 Order of External Resource Inclusion
3.9.4 Shipped WAM External Resources
3.10 Using jQuery
3.10.1 jQuery Tools and Tips
3.11 Theming WAMs
3.12 Localization
3.12.1 Technology Service Providers
3.12.2 3rd Party Libraries
3.13 JSON Support
JSON Lists
3.13.1 JSON Convenience Wrapper
Requesting a Webroutine
Getting Fields
Processing Lists
Getting Messages
Context Data
Building a JSON Request
Adding Fields to the JSON Request
Adding a List to the JSON Request
Defining JSON Request List Headers
Adding Entries to the JSON Request List
Posting the JSON Request
3.14 Saving a WAM's Output to a File
3.15 Document Type Declaration (DOCTYPE)
4. Advanced Topics
4.1 TRANSFER Statements in WEBROUTINEs
4.2 CALL Statements in WEBROUTINEs
4.3 WAM Session Management
4.3.1 Session Management Configuration
4.3.2 Session Key Method
4.3.3 The WEB_MAP *PERSIST Keyword
4.3.4 Session State Maintenance
4.3.5 The Mechanics of Session Management
4.3.6 WAM Session Properties
4.3.7 WAM Session Example
4.3.8 Session States
5. Execute WAM Applications
5.1 Build or Compile your WAM
5.2 Deployment and Runtime Environment
5.2.1 WAM and XSL Deployment
5.2.2 Multi-tier Deployment
5.3 WAM Uniform Resource Locator (URL)
5.4 Mapping Posted HTTP Data to Fields
5.5 How is the Output Presentation Created?
6. WAM and WEBEVENT Interoperability
6.1 A WAM Form Invoking a WEBEVENT Form
6.2 A WEBEVENT Form Invoking a WAM Form
6.3 A WAM Container Form Managing WEBEVENT Forms
6.4 A WEBEVENT Container Form Managing WAM Forms
6.5 Sharing Information between WAMs and WEBEVENT Functions
6.5.1 Uniquely Identifying Shared Data
6.5.2 Sharing Data
6.5.3 Clean up Shared Data
6.5.4 Visual LANSA Framework and the 'Virtual Clipboard'
7. Technology Services
7.1 Create a Technology Service
7.2 TSML Document Structure
7.3 TSML Document Example
7.4 WebRoutine TSP Stylesheet and the LANSA Editor
7.4.1 Payload Wrapper XSL stylesheet
7.4.2 Sample Field Drag and Drop
Dragging and Dropping a Field
Field TSML Node
Field Drag and Drop output
Dragging and Dropping a List
List TSML Node
List Drag and Drop Output
Dragging and Dropping a List Column
List Column TSML Node
List Column Drag and Drop Output
7.5 Default Weblet for Technology Service
7.6 About Weblets and Weblet Templates
7.6.1 What are weblets and weblet templates?
7.6.2 Field weblet visualization
8. Weblets for XHTML Technology Service
8.1 Standard Weblets
8.1.1 Anchor (std_anchor)
QuickStart - Anchor
Properties - Anchor
name
value
currentrowhfield
currentrownumval
reentryfield
reentryvalue
hide_if
formname
url
on_click_wamname
on_click_wrname
protocol
show_in_new_window
target_window_name
pos_absolute_design
width_design
relative-image-path
absolute-image-path
class
mouseover_class
text_class
presubmit_js
tab_index
vf_wamevent
8.1.2 Autocomplete (std_autocomplete)
QuickStart Autocomplete
Properties Autocomplete
name
value
display_mode
maxlength
size
display_length
keyboard_shift
minLength
delay
sourceWamName
sourceWrName
termField
listName
labelField
valueField
extraFields
cache
matchContains
hide_if
class
tab_index
title
read_only
disabled
pos_absolute
width
height
scroll
scrollHeight
onchange_script
onselect_script
8.1.3 Attachment panel (std_attach_panel_v2)
QuickStart- Attachment panel
Properties - Attachment panel
name
panes
border
hide_if
pos_absolute
width
height
8.1.4 Push Button (std_button_v2) & Push Button with Images (std_image_button_v2)
QuickStart- Push Button & Push Button with Images
Properties - Push Button & Push Button with Images
name
caption
currentrowhfield
currentrownumval
left_relative_image_path
left_absolute_image_path
left_image_height
right_relative_image_path
right_absolute_image_path
right_image_height
submitExtraFields
hide_if
formname
pos_absolute_design
width_design
height_design
on_click_wamname
on_click_wrname
protocol
show_in_new_window
target_window_name
disabled
title
text_class
presubmit_js
confirm
confirmText
tab_index
default_button
vf_wamevent
8.1.5 Checkbox (std_checkbox)
QuickStart - Checkbox
Properties - Checkbox
name
value
display_mode
caption
oncode
offcode
reentryfield
reentryvalue
hide_if
formname
on_click_wamname
on_click_wrname
protocol
target_window_name
disabled
alignment
pos_absolute
class
mouseover_class
text_class
tab_index
vf_wamevent
8.1.6 CKEditor Rich Text Editor (std_ckeditor)
QuickStart CKEditor
Properties CKEditor Rich Text Editor
name
value
valueFromField
hide_if
toolbar
showSource
showElementsPath
toolbarCanCollapse
pos_absolute
width_design
height_design
resize_enabled
resize_dir
autoGrow
autoGrow_maxHeight
autoGrow_minHeight
resize_maxHeight
resize_maxWidth
resize_minHeight
resize_minWidth
contentCss
tab_index
uiColor
onchange_script
8.1.7 Clickable Image (std_click_image)
QuickStart - Clickable Image
Properties - Clickable Image
name
value
currentrowhfield
currentrownumval
reentryfield
reentryvalue
tooltip
hide_if
formname
url
on_click_wamname
on_click_wrname
protocol
show_in_new_window
target_window_name
disabled
hide_focus
relative_image_path
absolute_image_path
mouseover_relative_image_path
mouseover_absolute_image_path
pos_absolute
width_design
height_design
class
disabled_class
presubmit_js
tab_index
vf_wamevent
8.1.8 Combo Box (std_dropdown)
QuickStart - Combo Box
Properties - Combo Box
name
value
display_mode
items
listname
selector_field
selector_value_eq
codefield
captionfield
tagfield1
tagfield2
tagfield3
submit_tagfields
reentryfield
reentryvalue
hide_if
formname
pos_absolute
width_design
on_change_wamname
on_change_wrname
protocol
target_window_name
disabled
class
mouseover_class
tab_index
vf_wamevent
8.1.9 Dynamic Select Box (std_dynamic_select)
QuickStart - Dynamic Select Box
Properties - Dynamic Select Box
name
id
value
size
display_mode
hide_if
items
listname
selectorField
selectorValueField
codeField
captionField
allowMultiSelect
multiSelectListname
multiSelectCodefield
onChangeWamName
onChangeWrName
onChangeFormname
onChangeExtraFields
onChangeProtocol
onChangeTarget
position
width
disabled
class
tabIndex
updateOnFieldChange
updateWamName
updateWrName
updateFieldsToSubmit
updateProtocol
vf_wamevent
8.1.10 Export to Excel (std_toexcel)
QuickStart Export to Excel
Properties Export to Excel
name
listname
startingColumnIndex
numberOfColumns
caption
hide_if
pos_absolute
width_design
height_design
disabled
title
text_class
tab_index
8.1.11 File Upload (std_fileupload)
QuickStart File Upload
Properties File Upload
name
id
caption
class
hide_If
uploadWamName
uploadWrName
MaxFileSize
MaxNumberOfFiles
successCallback
failCallback
disabled
text_class
tab_index
8.1.12 Grid (std_grid_v2 and std_grid_v3)
QuickStart - Grid
Properties - Grid
name
listname
listname_fixed_col_field
sort_fixed_rows_with_body
grid_hdr_properties
grid_col_properties
show_header
hide_header_if_empty
hide_if
even_row_class
odd_row_class
formname
pos_absolute
width
height
allowSort
allowColResize
rowHoverEffect
selectableRow
onRowClickJS
Customize Grid Columns
Reference Column Values in Weblet Properties
Grid Column Example
8.1.13 Image (std_image)
QuickStart - Image
Properties Image (std_image)
relativeImagePath
lazyLoad
width
height
hideIf
caption
8.1.14 List Paging Images (std_list_images) and List Paging Buttons (std_list_buttons)
QuickStart - List Paging Images & List Paging Buttons
Properties - List Paging Images & List Paging Buttons
name
image_size
prevcondfield
nextcondfield
show_first_last
reentryfield
hide_if
formname
pos_absolute_design
width_design
height_design
on_click_wamname
on_page_wrname
on_search_wrname
protocol
page_count_fieldname
class
mouseover_class
tab_index
vf_wamevents
8.1.15 Mark-up (std_markup)
QuickStart Mark-up
Properties Mark-up
name
value
valueFromField
hide_if
class
title
pos_absolute
width
height
8.1.16 Memo using a list (std_list_textarea_v2)
QuickStart - Memo using a list
Properties - Memo using a list
listname
list_text_fieldname
name
hide_if
formname
pos_absolute
width_design
height_design
rows
cols
word_wrap_display
word_wrap_onsubmit
max_rows_onsubmit
class
read_only
disabled
tab_index
onchange_script
8.1.17 Large List (std_largelist)
QuickStart - Large List
Properties - Large List
name
listname
format_target
iframe_width
iframe_height
column_css_class
src_wamname
src_wrname
fields_names_to_exchange
csv_hyperlink_type
csv_hyperlink_relative_image_path
csv_hyperlink_text
show_busybox
wait_content
8.1.18 List Box (std_listbox)
QuickStart - List Box
Properties - List Box
name
value
display_mode
items
size
allow_multi_selections
multi_select_listname
multi_select_codefield
listname
selector_field
selector_value_eq
codefield
captionfield
tagfield1, tagfield2, tagfield3
submit_tagfields
reentryfield
reentryvalue
hide_if
formname
pos_absolute
height_design
width_design
on_select_wamname
on_select_wrname
protocol
target_window_name
disabled
class
mouseover_class
tab_index
vf_wamevent
List Box Example
8.1.19 Menu bar (std_menubar)
QuickStart - Menubar
Using the Menu Item Designer
Using a List to Define the Menu
Properties - Menu bar
id
listname
menu_items
orientation
show_arrows
submit_selected_to
8.1.20 Menu item (std_menu_item_v2)
QuickStart - Menu item
Menu Item Appearance
Layout and Size
Properties - Menu item
name
caption
href
on_click_wamname
on_click_wrname
protocol
is_selected_if_also
force_selected
hide_if
target_window_name
reentryfield
reentryvalue
formname
style
useJQueryUITheme
class
selected_class
tab_index
vf_wamevent
8.1.21 Navigation Panel (std_nav_panel)
QuickStart - Navigation Panel
Properties - Navigation Panel
name
border
border_width
hide_if
pos_absolute
width
height
size_panel_to_content
size_panel_to_content_axis
scrolling
class
transparent
nav_url
formname
nav_wamname
nav_wrname
protocol
nav_asynchronously
reentryfield
reentryvalue
wait_content
wait_content_timeout
wait_content_class
wait_content_relative_image
wait_content_absolute_image
wait_content_image_alignment
wait_content_image_class
vf_wamevent
8.1.22 Panel (std_ panel)
QuickStart - Panel
Properties - Panel
name
panes
border
border_width
hide_if
class
snap_to_grid
grid_size
pos_absolute
width
height
8.1.23 Print Page (std_printpage)
QuickStart - Print Page
Properties - Print Page
caption
hide_if
disabled
hide_focus
relative_image_path
absolute_image_path
pos_absolute
width_design
height_design
class
disabled_class
tab index
8.1.24 Progress bar (std_progressbar)
Properties Progress bar
name
value
max
height
width
caption
transitory
indeterminate
overlay
delayClose
hide_if
8.1.25 Prompter (std_prompter)
Properties - Prompter
name
caption
relative_image_path
absolute_image_path
image_height
image_width
border
border_width
hide_if
pos_absolute
button_width
button_height
prompter_width
prompter_height
auto_resize
button_class
prompter_class
button_mouseover_class
formname
prompter_url
prompter_wamname
prompter_wrname
protocol
field_name_to_exchange
closing_url
field_mapping
closing_wrname
reentryfield
reentryvalue
disabled
title
on_change_wamname
on_change_wrname
on_change_protocol
on_change_reentryfield
on_change_reentryvalue
on_change_target_window_name
pre_show_js
tab_index
vf_wamevent
8.1.26 Radio Button (std_rad_button)
QuickStart - Radio Button
Properties - Radio Button
name
value
caption
code
label_id
reentryfield
reentryvalue
hide_if
formname
on_click_wamname
on_click_wrname
protocol
target_window_name
alignment
disabled
pos_absolute
class
mouseover_class
text_class
tab_index
vf_wamevent
8.1.27 Radio Group (std_radbuttons)
QuickStart - Radio Group
Properties - Radio Group
name
value
display_mode
items
listname
selector_field
selector_value_eq
codefield
captionfield
reentryfield
reentryvalue
hide_if
formname
on_click_wamname
on_click_wrname
protocol
target_window_name
alignment
orientation
show_groupbox
group_title
disabled
pos_absolute
width
height
class
mouseover_class
text_class
groupbox_class
tab_index
vf_wamevent
8.1.28 Horizontal Splitter (std_splitter_horz)
QuickStart - Horizontal Splitter
Properties - Horizontal Splitter
name
panes
pos_absolute
width
height
top_proportion_percent
top_border
bottom_border
top_class
divider_class
bottom_class
top_style
bottom_style
8.1.29 Vertical Splitter (std_splitter_vert)
QuickStart - Vertical Splitter
Properties - Vertical Splitter
name
panes
pos_absolute
width
height
left_proportion_percent
left_border
right_border
left_class
divider_class
right_class
left_style
right_style
8.1.30 Tab Pages (std_tab_pages_v2)
QuickStart - Tab pages
Using the Tab Item Designer
Using CSS with the Tab Pages weblet
How the Default CSS Works
Adding your own CSS Styles
Properties - Tab pages
name
tabs
selected_tab_index
selected_tab_index_field
tab_alignment
tab_image
tab_selected_image
tab_image_height
tab_image_width
tab_image_alignment
listname
caption_field
image_field
selected_image_field
hide_if_true_field
disable_if_true_field
hide_if
formname
pos_absolute_design
content_width
content_height
8.1.31 Tree View (std_treeview_v2)
QuickStart - Tree View
Unlevelled List
Using Ajax with an Unlevelled List
Levelled List
Responding to item selection
Properties - Tree View
name
listname
listtype
use_jQueryUI_theme
jQueryUI_node_icon
folder_closed_image
folder_open_image
item_image
node_text_click
key_fields
display_fields
list_caption_field
list_image_field
list_open_image_field
list_id_field
list_onselect_wamname_field
list_onselect_wrname_field
list_haschildren_field
list_is_selected_field
list_is_expanded_field
list_parent_id_field
onselect_wamname
onselect_wrname
onexpand_wamname
onexpand_wrname
onsubmit_id_field
onsubmit_level_field
onsubmit_ancestor_list
target_window_name
pos_absolute
width
height
8.1.32 Memo using a field (std_textarea)
QuickStart - Memo using a field
Properties - Memo using a field
name
value
maxlength
keyboard_shift
hide_if
pos_absolute
width_design
height_design
rows
cols
word_wrap
class
read_only
disabled
tab_index
onchange_script
8.2 Charting Weblets
8.2.1 Common Chart Topics
Chart Data
Samples
Transposing List Rows and Columns
Chart Colors
Chart Title, Label and Legends
Chart Margins
8.2.2 Google Bar Chart (std_gbar_chart)
QuickStart Google Bar Chart
Properties Google Bar Chart
name
chartType
listName
transpose
labels
labelsColor
labelsFontSize
rangeLabels
rangeLabelsColor
rangeLabelsFontSize
barWidth
spaceBetweenBars
spaceBetweenGroups
seriesColor
bgColor
hide_if
pos_absolute
width
height
titleText
titleColor
titleFontSize
axesColor
margins
legendText
legendPos
legendOrder
legendColor
legendFontSize
legendMargins
8.2.3 Google Line Chart (std_gline_chart)
QuickStart Google Line Chart
Properties Google Line Chart
name
chartType
listName
transpose
labels
labelsColor
labelsFontSize
rangeLabels
rangeLabelsColor
rangeLabelsFontSize
seriesColor
bgColor
lineThickness
markerType
markerColor
hide_if
pos_absolute
width
height
titleText
titleColor
titleFontSize
axesColor
margins
legendText
legendPos
legendOrder
legendColor
legendFontSize
legendMargins
8.2.4 Google Pie Chart (std_gpie_chart)
QuickStart Google Pie Chart
Properties Google Pie Chart
name
chartType
listName
transpose
labels
labelsColor
labelsFontSize
rotation
seriesColor
bgColor
hide_if
pos_absolute
width
height
titleText
titleColor
titleFontSize
margins
legendText
legendPos
legendOrder
legendColor
legendFontSize
legendMargins
8.3 Standard Field Visualizations
8.3.1 Alphanumeric (std_char)
QuickStart - Alphanumeric
Properties - Alphanumeric
name
value
display_mode
maxlength
display_length
type
keyboard_shift
hide_if
class
tab_index
title
word_wrap
read_only
disabled
pos_absolute
width
height
8.3.2 Boolean (std_boolean)
QuickStart - Boolean
Properties - Boolean
name
value
display_mode
hide_if
pos_absolute
class
mouseover_class
tab_index
8.3.3 jQuery UI Datepicker (std_datepicker)
QuickStart - Datepicker
Properties - Datepicker
name
value
display_mode
hide_if
allow_sqlnull
dateFormat
firstDay
changeMonth
changeYear
yearRange
showOtherMonths
selectOtherMonths
minDate
maxDate
shortYearCuttoff
showInline
showOn
showMonthAfterYear
buttonImage
tab_index
title
buttonText
disabled
pos_absolute
width
autoSize
showAnim
duration
onchange_script
8.3.4 jQuery UI Datetimepicker (std_datetimepicker)
QuickStart - Datetimepicker
Properties - Datetimepicker
name
value
display_mode
hide_if
display_in_utc
allow_sqlnull
dateFormat
timeFormat
firstDay
changeMonth
changeYear
yearRange
showOtherMonths
selectOtherMonths
minDate
maxDate
stepHour
stepMinute
stepSecond
shortYearCuttoff
hourMin
hourMax
minuteMin
minuteMax
showOn
showMonthAfterYear
buttonImage
tab_index
title
buttonText
disabled
pos_absolute
width
autoSize
showAnim
duration
onchange_script
8.3.5 Float (std_float)
QuickStart - Float
Properties - Float
name
value
display_mode
maxlength
size
type
hide_if
class
tab_index
title
read_only
disabled
pos_absolute
width
height
8.3.6 Input box (std_input)
QuickStart - Input box
Properties - Input box
name
value
display_mode
maxlength
size
display_length
type
keyboard_shift
hide_if
class
tab_index
title
read_only
disabled
pos_absolute
width
height
onchange_script
8.3.7 Integer (std_integer)
QuickStart - Integer
Properties - Integer
name
value
display_mode
maxlength
size
type
hide_if
class
tab_index
title
read_only
disabled
pos_absolute
width
height
8.3.8 Object (std_lob)
QuickStart - Object
Properties - Object
name
value
currentrowhfield
currentrownumval
reentryfield
reentryvalue
hide_if
formname
on_click_wamname
on_click_wrname
protocol
show_in_new_window
target_window_name
pos_absolute_design
width_design
relative-image-path
absolute-image-path
class
mouseover_class
text_class
presubmit_js
tab_index
vf_wamevent
8.3.9 jQuery UI Timepicker (std_timepicker)
QuickStart - Timepicker
Properties - Timepicker
name
value
display_mode
hide_if
allow_sqlnull
timeFormat
hourMin
hourMax
minuteMin
minuteMax
stepHour
stepMinute
stepSecond
tab_index
title
showOn
buttonImage
buttonText
read_only
disabled
pos_absolute
width
autoSize
showAnim
duration
onchange_script
8.3.10 Varchar (std_varchar)
QuickStart - Varchar
Properties - Varchar
name
value
display_mode
maxlength
display_length
type
keyboard_shift
hide_if
class
tab_index
title
word_wrap
read_only
disabled
pos_absolute
width
height
8.4 Layout Weblets
8.4.1 QuickStart - Standard Layouts
8.4.2 Standard Theme Layouts (std_themelet1_[1-3]col)
Properties - Standard Theme Layouts (std_themelet1_[1-3]col)
Backcompat_theme
content_side
content_width
css_files
has_form
output_charset
show_title
title_text
javascript_files
width
width_type
sidebar_width
sidebar1_width
sidebar2_width
jQueryNoConflict
window_title
8.4.3 Standard Blank Layout (std_blank_layout)
8.4.4 Standard Basic Layout (std_layout_V2 and std_layout[1-5]_v2)
Properties - Standard Layouts(std_layout_V2 and std_layout[1-5]_v2)
show_left_menu
show_top_menu
show_right_menu
body_class
form_class
has_form
no_layout
show_title
title_text
show_messages
onload_script
onunload_script
javascript_files
theme_css_filename
css_files
output_charset
trap_script_errors
8.4.5 Utility Weblets
8.4.6 Inline Templates
8.4.7 jQuery UI
8.4.8 WAM Layouts
9. Weblets for jQMobile Technology Service
9.1 jQMobile and the WAM Editor
9.2 Field Validation
9.2.1 RDMLX Data types
9.2.2 Displaying Validation Errors
9.2.3 Controlling When Validation Occurs
9.3 Default Weblet
9.4 Standard Weblets
9.4.1 Anchor (std_anchor and std_anchor_s1)
Properties - Anchor (std_anchor and std_anchor_s1)
absoluteImagePath (std_anchor_s1 only)
id
value
class
corners
countIndicator (std_anchor_s1 only)]
countValue (std_anchor_s1 only)
customIcon (std_anchor_s1 only)
displayAs
hideIf
icon
iconPosition
iconShadow
inline
mini
onClickExtraFields
onClickWamName
onClickWrName
relationship
relativeImagePath (std_anchor_s1 only)
shadow
style
swatch
tabindex
transition
transitionDirection
url
useAjax
internal_id
9.4.2 Autocomplete (std_autocomplete)
Properties Autocomplete (std_autocomplete)
Id
name
placeholder
minLength
sourceWamName
sourceWrName
termField
listName
labelField
valueField
extraFields
cache
corners
fieldContainWrapper
filterSwatch
itemsSwatch
hideLabel
label
mini
hideIf
inset
9.4.3 Boolean (std_boolean)
Properties - Boolean (std_boolean)
id
name
value
autofocus
class
corners
disabled
displayMode
falseDisplay
falseValue
fieldContainWrapper
form
hideIf
hideLabel
label
mini
rdmlxDataType
style
swatch
tabindex
title
trueDisplay
trueValue
9.4.4 Button (std_button_s1 and std_button_v2)
Properties - Button (std_button_s1 and std_button_v2)
id
name
value
autofocus
caption
class
corners
disabled
form
formaction
formenctype
formmethod
formnovalidate
formtarget
hideIf
icon
iconPosition
iconShadow
inline
mini
onClickExtraFields
onClickWamName
onClickWrName
presubmitJS
shadow
style
swatch
tabindex
title
transition
transitionDirection
type
useAjax
internal_id
9.4.5 Checkbox (std_checkbox)
Properties - Checkbox (std_checkbox)
id
name
value
autofocus
disabled
form
hideIf
label
mini
rdmlxDataType
required
selectedValue
swatch
tabindex
title
9.4.6 Collapsible Block (std_collapsible)
Properties - Collapsible Block (std_collapsible)
id
collapsed
contentSwatch
headerLevel
headerSwatch
headerText
hideIf
inset
collapseCueText
expandCueText
internal_id
9.4.7 Collapsible Set (std_collapsibleset)
Properties - Collapsible Set (std_collapsibleset)
id
hideIf
internal_id
9.4.8 Control Group (std_controlgroup)
Properties - Control Group (std_controlgroup)
id
class
fieldContainWrapper
hideIf
hideLabel
label
mini
orientation
style
swatch
internal_id
9.4.9 Select Menu (std_dropdown)
Properties - Select Menu (std_dropdown)
name
id
value
addErrorDiv
autofocus
class
corners
disabled
displayMode
fieldContainWrapper
form
hideIf
hideLabel
icon
iconPosition
iconShadow
items
inline
label
mini
multiple
multiSelectCodeField
multiSelectListname
overlaySwatch
placeholder
rdmlxDataType
required
selectorValueField
shadow
style
swatch
tabindex
title
updateFieldsToSubmit
updateOnFieldChange
updateProtocol
updateWamName
updateWrName
useNativeControl
9.4.10 File Upload (std_fileupload)
Properties File Upload
name
id
caption
class
hideIf
inline
uploadWamName
uploadWrName
MaxFileSize
MaxNumberOfFiles
successCallback
failCallback
disabled
tabindex
9.4.11 Footer (std_footer)
Properties - Footer (std_footer)s
id
fullscreenMode
hideIf
persistentFooterId
position
swatch
internal_id
9.4.12 Layout Grid (std_gridlayout)
Properties - Layout Grid (std_gridlayout)
columns
isOutputOnly
listname
internal_id
9.4.13 Header (std_header)
Properties - Header (std_header)
id
fullscreenMode
hideIf
position
swatch
internal_id
9.4.14 HTML List (std_html_list)
Properties - HTML List (std_html_list)
id
class
countSwatch
dividerSwatch
hasSearchFilter
hideIf
inset
searchFilterPlaceholder
searchFilterSwatch
splitIcon
splitSwatch
swatch
type
internal_id
9.4.15 HTML List Item (std_html_li)
Properties - HTML List Item (std_html_li)
id
class
filterText
hideIf
role
swatch
internal_id
9.4.16 Image (std_image)
Properties Image (std_image)
relativeImagePath
lazyLoad
width
height
hideIf
caption
9.4.17 Loader (std_loader)
Properties Loader (std_loader)
id
name
showIcon
showText
text
swatch
9.4.18 Input Box (std_input)
Properties - Input Box (std_input)
id
name
value
accept
addErrorDiv
alt
autocomplete
autofocus
class
corners
disabled
displayMode
fieldContainWrapper
form
formaction
formenctype
formmethod
formnovalidate
formtarget
height
hideIf
hideLabel
label
list
max
maxlength
min
mini
multiple
pattern
placeholder
rdmlxDataType
readonly
required
size
src
step
style
swatch
tabindex
title
type
clearButton
clearButtonText
width
9.4.19 Messages (std_messages)
Properties - Messages (std_messages)
hideIf
swatch
9.4.20 Mobiscroll Date and Time Picker (std_mobiscroll)
Properties - Mobiscroll Date and Time Picker (std_mobiscroll)
id
name
value
class
dateFormat
dateOrder
disabled
endYear
fieldContainWrapper
form
hideIf
hideLabel
label
mode
pickerTheme
rows
showOnFocus
startYear
stepHour
stepMinute
stepSecond
style
swatch
tabindex
timeFormat
timeWheels
title
type
9.4.21 Navigation Bar (std_navbar)
Properties - Navigation Bar (std_navbar)
id
class
hideIf
iconPosition
swatch
internal_id
9.4.22 Progress bar (std_progressbar)
Properties Progress bar
name
value
max
caption
transitory
overlay
delayClose
hideIf
swatch
9.4.23 Radio Button Group (std_radbuttons)
Properties - Radio Button Group (std_radbuttons)
id
name
value
disabled
displayMode
fieldContainWrapper
form
hideIf
hideLabel
items
label
mini
orientation
swatch
rdmlxDataType
selectorValueEq
9.4.24 RDMLX Working List (std_repeater)
Properties - RDMLX Working List (std_repeater)
isOutputOnly
listname
internal_id
9.4.25 HTML Textarea (std_textarea)
Properties - HTML Textarea (std_textarea)
id
name
value
addErrorDiv
autofocus
class
corners
cols
disabled
displayMode
fieldContainWrapper
form
hideIf
hideLabel
label
maxlength
mini
placeholder
rdmlxDataType
readonly
required
rows
style
swatch
tabindex
title
wrap
9.5 Layout Weblets
9.5.1 Basic Layout (std_layout_v2)
Properties - Basic Layout (std_layout_v2)
addBackButton
backButtonSwatch
backButtonText
contentSwatch (deprecated)
footerFullscreenMode
footerPosition
footerSwatch
headerFullscreenMode
headerPosition
headerSwatch
pageSwatch
persistentFooterId
showFooter
showHeader
showMessages
validationErrorDisplay
validationTime
windowTitle
9.5.2 Flexible Layout (std_flex_layout)
Properties - Flexible Layout (std_flex_layout)
addBackButton
backButtonSwatch
backButtonText
contentSwatch (deprecated)
footerFullscreenMode
footerPosition
footerSwatch
headerFullscreenMode
headerPosition
headerSwatch
pageSwatch
persistentFooterId
showFooter
showHeader
showMessages
sidebarPositionSmallScreen
validationErrorDisplay
validationTime
windowTitle
9.6 Utility Weblets
WAM Tutorials
Before You Begin
What is a WAM?
WAM005 - Create Your First WAM
Step 1. Start Visual LANSA
Step 2. Create a WAM
Step 3. Create the ReentryTest WebRoutine
Step 4. Compile the WAM
Step 5. Open the Design view
Step 6. Editing
Step 7. Use a Weblet
Step 8. Make STDRENTRY visible for testing
Step 9. Test the WAM
Step 10. Hide STDRENTRY
Summary
WAM010 - Using WEB_MAPs
Step 1. Create a new WAM
Step 2. Add WebRoutines to the new WAM
Step 3. Compile the WAM and Open for Editing
Step 4. Add buttons to the WebRoutine
Step 5. Understand the Web Routine
Step 6. Change the Employee Number field
Step 7. Add the RDMLX for the second WebRoutine
Step 8. Add buttons to the WebRoutines
Step 9. Understand WEB_MAP
Summary
WAM015 - Working Lists
Step 1. Create a new WAM
Step 2. Add RDMLX code to the new WAM
Step 3. See how the working list is displayed
Step 4. Change the display mode of fields in the list
Step 5. Use the generate XSL for all WebRoutines option
Step 6. Modify the list in the Design view
Summary
WAM020 - WAM Navigation
Step 1. Create a new WAM
Step 2. Add RDMLX code to the new WAM
Step 3. Add Buttons and the Dropdown list to the WebRoutine
Step 4. Test and Understand the WebRoutine
Step 5. Add Weblet to a List
Summary
WAM025 - Using the Layout Wizard
Step 1. Use the Web Application Layout Manager Wizard.
Step 2. Execute the generated Demo WAM
Step 3. Examine the new layout
Summary
WAM030 - Employee Enquiry
Step 1. Create Employee Enquiry WAM
Step 2. Create a Begin WebRoutine
Step 3. Open the Design View
Step 4. Add a Push Button Weblet
Step 5. Create WebRoutine: Details
Summary
WAM035 - An Employee Update WAM
Step 1. Create WAM iiiEmpUpdate Employee Update
Step 2. Compile your WAM and complete the Details web page
Step 3. Test the Employee Update WAM
Summary
WAM040 - Add dropdown lists for Department and Section
Step 1. Create iiiWAM040 - iii Employee Update - Enhanced
Step 2. Add Dynamic Select Boxes to the Details Web Page
Step 3. Make the Sections Dropdown list dynamic
Summary
WAM045 - A Dynamic Selector Dropdown list using a Select Field
Step 1. Create WAM iiiDynamSelector Dynamic Selector using Select Field
Step 2. Setup the Dynamic Selector Dropdown list for Sections
Summary
WAM050 - A Section Maintenance Application
Step 1. Create iiiSecMaint - Section Maintenance WAM
Step 2. Add a Details WebRoutine
Step 3. Create iiiSecAdd - Add Section WAM
Step 4. Complete the AddSect WebRoutine
Step 5. Set up the 'New Section' button on the Begin page for ii SecMainti
Summary
WAM055 - Using LANSA Debug
Step 1. Get Started with Debug
Step 2. Use Breakpoints
Step 3. Use Break on Value Condition
Step 4. Use Debug when the WAM is running on the server
Summary
WAM060 - Employee Maintenance using Advanced Weblets
Step 1. Create WAM iiiEmpMaint Employee Maintenance
Step 2. Set up the ShowPage web page design
Step 3. Complete the ShowPage web page design
Step 4. Define the Details WebRoutine
Step 5. Extend the Details WebRoutine for update
Step 6. Extend the Details WebRoutine to add new employee skill
Step 7. Control which Tab is redisplayed
Step 8. Replace Date Acquired with a Date field (Optional).
Step 9. Change Grade to a Dropdown list (Optional)
Summary
WAM065 - Controlling List Output
Step 1. Create WAM iiiEmpSearch Employee Search
Step 2. Add List Paging Images weblet
Step 3. Add AutoComplete Weblets (optional)
Summary
WAM070 - Hiding Techniques
Step 1. Create a new WAM
Step 2. Edit the HideMain WebRoutine web page
Step 3. Apply the Conditional Hides
Step 4. Test the WAM
Summary
WAM 070. Appendix
WAM075 - Using a Tree View Weblet
Step 1. Create WAM iiiTreeView Using a Tree View Weblet
Step 2. Make the Tree View Expand
Step 3. Display Details for a Selected Department
Step 4. Display Details for Sections and Employees
Summary
WAM080 - Session Management
Step 1. Create Session Management 1 WAM
Step 2. Retrieve and Store Employee Details
Step 3. Create Session Management 2 WAM
Step 4. Test the Session Management Application
Summary
WAM085 - Enhancing the User Interface
Step 1. Create Repository Field Definitions
Step 2. Create Employee Number AutoComplete WAM
Step 3. Create WAM iiiEnhancedUI Enhancing the Interface
Step 4. Define Work Fields and Lists
Step 5. Complete WAM RDMLX
Step 6. Design the web pages
Step 7. Test the WAM
Step 8. Improve the ShowPage Page Design
Step 9. Insert a fieldset around each table
Summary
WAM090 - Using a List Row Weblet
Step 1. Create the List Row Weblet iii_ListRow
Step 2. Create WAM iiiUseListRowWeblet
Step 3. Set Up the Web Page
Summary
WAM090. Appendix
WAM095 - LOB Data Types and Stream Files
Step 1. Install Required Documents
Step 2. Set up Documents for an Employee
Step 3. Create WAM to Display Employee Documents
Step 3a. Create WAM to Display Employee Documents
Step 4. Enhance Appearance of the Documents List (Optional)
Step 5. Set up the Documents List
Step 5a. Set up the Documents List
Step 6. Test your Enhanced WAM
Summary
WAM095. Appendix A
WAM095. Appendix B
WAM095. Appendix C
WAM100 - Using Cascading Style Sheets
Step 1. Create WAM iii Using CSS
Step 2. Create new Style Sheet
Step 3. Create an External Resource
Step 4. Apply Style Sheet to WAM iiiUsingCSS
Step 5. Apply External Resource to the Common Layout
Step 6. Make the Style Sheet specific to lists named EMPLIST
Step 7. Highlight a Column
Summary
WAM100. Appendix
WAM105 - Create Your Own Weblet
Step 1. Create Toolbar Menu Item Weblet
Step 2. Create Toolbar Weblet
Step 3. Complete Definition of Toolbar Menu Item Weblet
Step 4. Setup iii_toolbar_menuitem Properties in iii_toolbar
Step 5. Apply Toolbar Weblet to an Employee Maintenance WAM
Summary
WAM105. Appendix A
WAM105. Appendix B
WAM110 - Create Your Own Layout Weblet
Step 1. Create a Simple Company Test Layout
Step 2. Create a Layout Template
Step 3. Refine Layout Weblet Definition
Step 4. Test the New Layout
Step 5. Review Structure of Layout XSL and HTML
Summary
WAM115 - Check in WAMs to IBM i
Step 1. Check in a WAM and its Layout
Step 2. Run a WAM on the IBM ii
Step 3. Run a WAM in debug on the IBM i
Summary
WAM120 - Using the Menu Bar Weblet
Step 1. Define the Applications Menu
Step 2. Test the Applications Menu
Summary
WAM125 - Define a Dynamic Menu
Step 1. Create the Login WAM
Step 2. Redefine the Menubar in Layout iiilay01
Step 3. Test your Login WAM
Step 4. Make Application WAMs part of Session
Step 5. Test the Applications Menu
Step 6. Implement Menu for all Employee WAMs (Optional)
Summary
WAM130 - Output a Web Page to a File
Step 1. Output Employee Enquiry to a File
Step 2. Run WAM to output to a file in Windows
Step 3. Run WAM to output a file on IBM i
Summary
WAM135 - Using the Google Static Maps API
Step 1. Create an Employee Enquiry WAM
Step 2. Add logic to set up URL to Google Map Service
Summary
Appendix A. XSL and XML Conformance
Appendix B. WAM XML Structure
Appendix C. Deprecated Weblets
Attachment panel (std_attachment_panel)
QuickStart- Attachment panel
Properties - Attachment panel
name
panes
border
border_width
hide_if
class_top, class_left, class_center, class_right, class_bottom
pos_absolute
width
height
Banner (std_banner)
QuickStart- Banner
Properties - Banner
name
value
panes
hide_if
reentryfield
reentryvalue
formname
disabled
URL
on_click_wamname
on_click_wrname
protocol
show_in_new_window
target_window_name
pos_absolute
width
height
class
scroll
scroll_direction
scroll_loop_count
scroll_amount
scroll_delay
scroll_true_speed
presubmit_js
Dynamic HTML menu bar (std_dhtml_menu)
QuickStart - Dynamic HTML menu bar
Using the menu item designer
Understanding menu bar and menu item width and height
Properties - Dynamic HTML menu bar
menu_items
orientation
height
width
Push Button (std_button) & Push Button with Images (std_image_button)
QuickStart- Push Button & Push Button with Images
Properties - Push Button & Push Button with Images
name
caption
currentrowhfield
currentrownumval
left_relative_image_path
left_absolute_image_path
left_image_height
right_relative_image_path
right_absolute_image_path
right_image_height
reentryfield
reentryvalue
hide_if
formname
pos_absolute_design
width_design
height_design
on_click_wamname
on_click_wrname
protocol
show_in_new_window
target_window_name
disabled
text_class
title
class
mouseover_class
left_image_class
right_image_class
presubmit_js
tab_index
default_button
Tree View (std_treeview)
QuickStart - Tree View
Properties - Tree View
name
formname
xmlid
xmltyped
folder_closed_image
folder_open_image
item_image
listname
list_caption_field
list_type_field
list_image_field
list_open_image_field
list_tag_field
list_onselect_wrname_field
list_haschildren_field
list_subitem_group_field
list_is_selected_field
list_is_expanded_field
list_parent_id_field
list_style_field
list_selected_style_field
onexpand_wamname
onexpand_wrname
listname_of_parents_of_selected
pos_absolute_design
width_design
height_design
class
bg_color
default_style
selected_style
An In-Depth Look at the Tree View Weblet
Tree View Target (std_treeview_target)
QuickStart - Tree View Target
Properties - Tree View Target
treeview_name
formname
pos_absolute_design
width_design
height_design
wamname
wrname
reentryfield
reentryvalue
tag_fieldname_alias
resize_to_content
class
bg_color
Date (std_date)
QuickStart - Date
Properties - Date
name
value
display_mode
hide_if
allow_sqlnull
date_mask
button_image
tab_index
title
button_title
read_only
disabled
hide_calendar
class
pos_absolute
width
onchange_script
DateTime (std_datetime)
QuickStart - DateTime
Properties - DateTime
name
value
display_mode
size
hide_if
input_type
display_in_utc
allow_sqlnull
date_mask
time_mask
button_image
tab_index
title
button_title
read_only
disabled
hide_calendar
class
pos_absolute
width
onchange_script
Time (std_time)
QuickStart - Time
Properties - Time
name
value
time_mask
display_mode
hide_if
allow_sqlnull
tab_index
title
read_only
disabled
class
pos_absolute
width
onchange_script
Get in touch
Submit feedback about this site to:
[email protected]