Main Menu
Lecture 1
Lecture 2
Lecture 3
Lecture 4
Lecture 5
Lecture 7
 

 

 

Creating your own dynamic WO components

We can turn the navigation bar (or anyother partial doccument) into a dynamic component

1. Create the nested component

2. Add atributes to it so that the parent can communicate with it by binding the parents variables to the attributes of the dynamic element

a. Open the WO API editor - click on the puzzle piece

b. edit binding - click on + to add a binding

name = name of variable in component

required = can you use component without setting this value?

Will set = will the component try to change this variable

Value set = what are the possible values

c. Add validation rules

click on + to add a rule

use rule builder to construct rule

d. Add documentation, which will appear when a user clicks on the pink book in the object inspector

e. Add an image, which will appear when the dynamic element is used in a component

Using the new WO dynamic component

1. drag and drop into parent page as before

2. open object inspector to see bindings

3. Drag from a parent variable to component to bind to it