Wizard for Laszlo

[thierry]

Hi Folks,

I developed a small library and classes to create a wizard, very useful for user registration or other stuff like that.

You can download the library from this link and send me your feedback, comments, suggestions to make this library better and useful for the community.

http://www.xtensive.com/Solutions/openlaszlo/

Enjoy

[thierry]

Hi folks,

Here a test case for my basic wizard:

<canvas>
<include href="../extensions/widgets/wizard.lzx"/>
<include href="incubator/formlayout.lzx"/>

<xWizard width="300" height="500">
<xStep>
<form>
<formlayout />
<statictext>Votre nom</statictext>
<edittext name="nom"></edittext>

</form>
</xStep>
<xStep>
<form>
<formlayout />
<statictext>Votre prénom</statictext>
<edittext name="prenom"></edittext>
</form>
</xStep>
</xWizard>
</canvas>

Your feedback and comments are welcome

[bschuhma]

Thierry,

Any updates to this code for OL v4.3? I'm trying to port it and have fixed a few things (missing resources for buttons, delegates calling methods require arguments now), but it's still complaining about validatingForm (which I've included), form, and submit. Using your basic test, above, here's the debug window's output:


xWizard oninit called
changed numStep to 0
changed numStep to 1
stepcount 2
#### [_getForm] xStep nodes: 1
## [_getForm] form
## [_getForm] state name: _noformwidth,state name: _noformheight,view name: content,view name: buttonplace
ERROR @wizard.lzx#328: reference to undefined variable 'validatingForm'
ERROR @wizard.lzx#329: reference to undefined variable 'form'
#### [_getForm] form nodes: 4
## [_getForm] state name: _noformwidth
## [_getForm] null
## [_getForm] state name: _noformheight
## [_getForm] null
## [_getForm] view name: content
## [_getForm] state name: _useformwidth,state name: _useformheight,LzLayout for view view name: content,LzText: Votre nom,edittext named "nom",LzLayout for view view name: content
#### [_getForm] view name: content nodes: 6
## [_getForm] state name: _useformwidth
## [_getForm] null
## [_getForm] state name: _useformheight
## [_getForm] null
## [_getForm] LzLayout for view view name: content
## [_getForm] null
## [_getForm] LzText: Votre nom
## [_getForm] null
## [_getForm] edittext named "nom"
## [_getForm] view name: _outerbezel,view name: _innerbezel,view name: _face,LzText:
#### [_getForm] edittext named "nom" nodes: 4
## [_getForm] view name: _outerbezel
## [_getForm] state,view,view,view,view
#### [_getForm] view name: _outerbezel nodes: 5
## [_getForm] state
## [_getForm] null
## [_getForm] view
## [_getForm] null
## [_getForm] view
## [_getForm] null
## [_getForm] view
## [_getForm] null
## [_getForm] view
## [_getForm] null
[oninit] numStep 0
## [_getSubmit] xStep nodes: 1
## [_getSubmit] form
## [_getSubmit] state name: _noformwidth,state name: _noformheight,view name: content,view name: buttonplace
ERROR @wizard.lzx#359: reference to undefined variable 'submit'
## [_getSubmit] form nodes: 4
## [_getSubmit] state name: _noformwidth
## [_getSubmit] null
## [_getSubmit] state name: _noformheight
## [_getSubmit] null
## [_getSubmit] view name: content
## [_getSubmit] state name: _useformwidth,state name: _useformheight,LzLayout for view view name: content,LzText: Votre nom,edittext named "nom",LzLayout for view view name: content
## [_getSubmit] view name: content nodes: 6
## [_getSubmit] state name: _useformwidth
## [_getSubmit] null
## [_getSubmit] state name: _useformheight
## [_getSubmit] null
## [_getSubmit] LzLayout for view view name: content
## [_getSubmit] null
## [_getSubmit] LzText: Votre nom
## [_getSubmit] null
## [_getSubmit] edittext named "nom"
## [_getSubmit] view name: _outerbezel,view name: _innerbezel,view name: _face,LzText:
## [_getSubmit] edittext named "nom" nodes: 4
## [_getSubmit] view name: _outerbezel
## [_getSubmit] state,view,view,view,view
## [_getSubmit] view name: _outerbezel nodes: 5
## [_getSubmit] state
## [_getSubmit] null
## [_getSubmit] view
## [_getSubmit] null
## [_getSubmit] view
## [_getSubmit] null
## [_getSubmit] view
## [_getSubmit] null
## [_getSubmit] view
## [_getSubmit] null
getting submit object: null
#### [_getForm] xStep nodes: 1
## [_getForm] form
## [_getForm] state name: _noformwidth,state name: _noformheight,view name: content,view name: buttonplace
#### [_getForm] form nodes: 4
## [_getForm] state name: _noformwidth
## [_getForm] null
## [_getForm] state name: _noformheight
## [_getForm] null
## [_getForm] view name: content
## [_getForm] state name: _useformwidth,state name: _useformheight,LzLayout for view view name: content,LzText: Votre prénom,edittext named "prenom",LzLayout for view view name: content
#### [_getForm] view name: content nodes: 6
## [_getForm] state name: _useformwidth
## [_getForm] null
## [_getForm] state name: _useformheight
## [_getForm] null
## [_getForm] LzLayout for view view name: content
## [_getForm] null
## [_getForm] LzText: Votre prénom
## [_getForm] null
## [_getForm] edittext named "prenom"
## [_getForm] view name: _outerbezel,view name: _innerbezel,view name: _face,LzText:
#### [_getForm] edittext named "prenom" nodes: 4
## [_getForm] view name: _outerbezel
## [_getForm] state,view,view,view,view
#### [_getForm] view name: _outerbezel nodes: 5
## [_getForm] state
## [_getForm] null
## [_getForm] view
## [_getForm] null
## [_getForm] view
## [_getForm] null
## [_getForm] view
## [_getForm] null
## [_getForm] view
## [_getForm] null
[oninit] numStep 1
## [_getSubmit] xStep nodes: 1
## [_getSubmit] form
## [_getSubmit] state name: _noformwidth,state name: _noformheight,view name: content,view name: buttonplace
## [_getSubmit] form nodes: 4
## [_getSubmit] state name: _noformwidth
## [_getSubmit] null
## [_getSubmit] state name: _noformheight
## [_getSubmit] null
## [_getSubmit] view name: content
## [_getSubmit] state name: _useformwidth,state name: _useformheight,LzLayout for view view name: content,LzText: Votre prénom,edittext named "prenom",LzLayout for view view name: content
## [_getSubmit] view name: content nodes: 6
## [_getSubmit] state name: _useformwidth
## [_getSubmit] null
## [_getSubmit] state name: _useformheight
## [_getSubmit] null
## [_getSubmit] LzLayout for view view name: content
## [_getSubmit] null
## [_getSubmit] LzText: Votre prénom
## [_getSubmit] null
## [_getSubmit] edittext named "prenom"
## [_getSubmit] view name: _outerbezel,view name: _innerbezel,view name: _face,LzText:
## [_getSubmit] edittext named "prenom" nodes: 4
## [_getSubmit] view name: _outerbezel
## [_getSubmit] state,view,view,view,view
## [_getSubmit] view name: _outerbezel nodes: 5
## [_getSubmit] state
## [_getSubmit] null
## [_getSubmit] view
## [_getSubmit] null
## [_getSubmit] view
## [_getSubmit] null
## [_getSubmit] view
## [_getSubmit] null
## [_getSubmit] view
## [_getSubmit] null
getting submit object: null
next clicked
ERROR @wizard.lzx#253: reference to undefined variable 'validatingForm'
submitting the stepper 0
[getSubmit] null
ERROR @wizard.lzx#387: call to undefined method 'submit'


Thanks,

Bret