new plugin - web2py Form Wizard - PowerFormWizard

[Bruno Rocha]

Hi,

I just created a new plugin for stepped form wizards.

I made it last night, so it is not tested very well, I would like your help to test it.

web2py PowerFormWizard Plugin - based on Jquery Stepy

- Steps

- Customizable titles

- Server side validation

- Client side validation (with jquery validate)

- Custom css

- JS Callbaks

- Error images

Take a look: http://labs.blouweb.com/powerformwizard

This plugin is the second plugin of blouweb PowerPlugins, I am now starting the third one which I hope to have the first version soon.

http://labs.blouweb.com

Suggestions, testers, issues, contributions etc on bitbucket: https://bitbucket.org/rochacbruno/powerformwizard 

Hope it helps someone!

Thanks.

--

Bruno Rocha

[ About me: http://zerp.ly/rochacbruno ]

[ Aprenda Python: http://CursoDePython.com.br ]

[ O seu aliado nos cuidados com os animais: http://AnimalSystem.com.br ]

[ Consultoria em desenvolvimento web: http://www.blouweb.com ]

[Tito Garrido]

This is awesome! Really cool plugin ;)

Is there a way to change the next step based on choices of a previous step?

Regards,

Tito

--
Você recebeu essa mensagem por estar inscrito no grupo web2py-users-brazil.
Para enviar uma mensagem ao grupo, envie email a: web2py-us...@googlegroups.com
Para se desinscrever, envie email a: web2py-users-br...@googlegroups.com
Para mais opções, visite o site do grupo em: http://groups.google.com/group/web2py-users-brazil?hl=en

--

Linux User #387870
.........____
.... _/_õ|__|
..º[ .-.___.-._| . . . .
.__( o)__( o).:_______

[Bruno Rocha]

On Wed, Jun 29, 2011 at 11:55 AM, Tito Garrido <titog...@gmail.com> wrote:

This is awesome! Really cool plugin ;)

Thanks, I did for use in one of my systems, and I like to share cool stuff.

That is based on great jquery libs made by @wbotelhos

 

Is there a way to change the next step based on choices of a previous step?

Not yet in plugin, but, That's all Java Script, so you can raise the method by hand.

Is there a public JS method:

$.fn.stepy.step(2, '#powerformwizard');

and you can change the _id on form creation.

I will think about to include it in plugin.

[]' s

--

Bruno Rocha

[ About me: http://zerp.ly/rochacbruno ]

[ Aprenda Pythonr: http://CursoDePython.com.br ]

[Anthony]

This is great! Thanks for contributing. :-)

[GoldenTiger]

iujuuuuuu

Bruno, it`s the best web2py plugin for me

congratulations + thanks 

[blackthorne]

yes! awesome!

just came to my mind having such a system for multiple forms/wizards
managed by the db. So you could easily add forms like that in your app
and manage them. Good for more complex apps like SAP.

[niknok]

+1

Another golden egg from the proverbial goose ... or gander, in this
case. :P

Thank you Bruno

[niknok]

In the validation example, I entered a single character in the Bio
and was allowed to proceed to the next field despite the
db.person.bio.requires = IS_LENGTH(minsize=5, maxsize=200). You made
a note about "Client side validation is not supposed to validate
everything!", is this included in that exception?

A few suggestions:
* How about using "description" or "details" instead of the "legend"
keyword at it seems to be more appropriate for said function.

• As default behavior, instead of the default "X" errorImage beside
the step title, how about using an exclamation point icon to indicate
that this step needs attention and then in the specific field with an
error use the "X" icon instead.


The other day you answered my query re modal windows with a reference
to easyframework.com + web2py.

I pray that you have plans of adding that feature to your
PowerFormWizard Plugin (or perhaps turning this into a "PowerForms"
plugin to truly enable feature-full forms in Web2py?

Cheers and many thanks for your many contributions to the web2py
community.


/r
Nik

On Jun 29, 10:33 pm, Bruno Rocha <rochacbr...@gmail.com> wrote:

[mart]

very cool!!! :)

[niknok]

Clarification regarding the bio field with requires. It does let me
proceed to the next step, but will not be allowed to submit the data
after validation unless i meet the requires statement.

A bit confusing since some fields will allow me to move to next step.

One more thing, is there going to be an equivalent for
SQLFORM.factory?

[Bruno Rocha]

Even without client side validation, the server side will perform at the end of submission.

The client-side validation, for now, just check if a field is required, i did not implemented yet the other kind of client validation.

I guess you can use factory in the normal way, PowerFormWizard.factory, as PowerFormWizard is a subclass of SQLFORM. - But I did not tested yet.

I just found some issues, I will wait for people to raise more issues and I will update.

Thank you all for testing..

--

--

Bruno Rocha

[ About me: http://zerp.ly/rochacbruno ]

[ Aprenda a programar: http://CursoDePython.com.br ]

[Christian Espinoza]

Hello Bruno, I did download the example app to test it, but i get this error:

<type 'exceptions.AttributeError'> 'PowerFormWizard' object has no attribute 'readonly'

do you know what can be the problem?

Thanks in advance

Christian.

[Akash Kakkar]

Hi Bruno,

The links don't work for me (invalid request)

http://labs.blouweb.com/powerformwizard 

http://labs.blouweb.com 

Thanks,

Akash

[António Ramos]

INVALID REQUEST!!!!!!

2012/7/18 Akash Kakkar <akash....@gmail.com>

--
 
 
 

[Rahul]

Well, this works -  you can download the web2py projects from here
   https://bitbucket.org/rochacbruno/powerformwizard

Cheers , Rahul D

[António Ramos]

Can i force the form to show the step that is active?

i want to use this as a workflow between different users.

The first users fills the first step and then submits to the second user.

The second user can edit the second step but can only read the first step and so on....

IS this possible?

Thank you

António

2012/7/18 Rahul <rahul....@gmail.com>

--
 
 
 

[António Ramos]

Also i would be nice in a workflow related document that the tabs that are next in the flow would be highlithed so the user easly sees what is next.

Thank you

António

2012/7/18 António Ramos <ramst...@gmail.com>

[Don_X]

Bruno Rocha,

This is a very nice plugin ! ... very useful, thanks for sharing !

I have to create 2 registrations methods ( one short and one long method to register )

I have one problem, how would you suggest to user the wizard when there are 3 tables involved in the long signup method ??

for example in my db I have many tables ... but the full registration for the app affects 3 tables, while the short one which is already done only affects 1 table ( the auth-user table) !
I need to manipulate the powerformwizard for all 3 tables in the complete registration approach

table1 is the auth-user table with first and lastname, password and email, birthdate and user type.
table2 is the coordinates of the user ( with street adress, city, Zip or postal code, Country of residence, Origin and language spoken )
table3 is the profile informations ( like picture upload, description, story,  bio, ..)

Any suggestions ? ...

thanks

Don

[Bruno Rocha]

Hi,

As I am not having time to keep the plugin updated (and no one wanted toa dopt the plugin)

I recommend the method using steps and session, I use this sometimes and works well, take a look: http://www.web2pyslices.com/slice/show/1452/form-wizard

Bruno Cezar Rocha

http://www.CursoDePython.com.br

rochacbruno blouweb

Blog: Generate a thumbnail that fits in a box

Get a signature like this. Click here.  

Don

--
 
 
 

[Bruno Rocha]

Also, there is a nice example in the "web2py cookbook"

Source code is here:

https://github.com/mdipierro/web2py-recipes-source/tree/master/source/04_advanced_forms/06_Creating_a_Form_Wizard

App is here:

https://github.com/mdipierro/web2py-recipes-source/blob/master/apps/04_advanced_forms/web2py.app.form_wizard.w2p

[Bruno Rocha]

fixed link for app:

https://github.com/mdipierro/web2py-recipes-source/raw/master/apps/04_advanced_forms/web2py.app.form_wizard.w2p

[Don_X]

Bruno,

I did follow these examples already ... I tried different things ... different approaches ... but for 3 tables it seems not do-able !
I am still searching for ways for it to be done ! .. so far .. no luck ! ...
I tried using the method with 3 tables like this ( by combining the method described in ch: 4  page 153 of the same book you refereed to )
 form = SQLFORM.factory(db.auth_user,db.coord_user,db.user_profile)
....
but ..no luck ! ...

I wander is the form wizard ... or the powerformwizard can work with more than 2 tables ?????
if yes ... I have not figure out how to do it .... not yet ! .. meanwhile if anyone have any suggestion .... please enlighten me !!

thx

Don

[juaneduardo]

Bruno to solve 

'PowerFormWizard' object has no attribute 'readonly'

 I added 2 lines to powerForm plugin

In modules/plugin_PowerFormWizard.py

def __init__(self, 

                 table, 

                 steps, 

                 formstyle = 'divs',

                 options={},

                 _id = 'powerformwizard',

                 record = None,

                 fields = None,

                 ignore_rw = False, 

                 record_id=None,

                 readonly=None, #maybe another value for default

                 **attributes

                 ):

        if formstyle not in ['divs','ul']:

            raise AttributeError("SQLFORM formstyle not accepted")

        

        from gluon import current

        response = current.response

        self.T = current.T

        self.table = table

        self.formstyle = formstyle

        self.attributes = attributes

        self.ignore_rw = ignore_rw

        self.record_id = record_id

        self.options = options

        self._id = _id

        self.readonly=readonly

and the problem is gone....

Happy New Year... to all from Chile

[Massimo Di Pierro]

Is this down? http://labs.blouweb.com/powerformwizard

[juaneduardo]