1

Topic: accordian or steps registration page?

Hi fellows,
Just an idea:
It would be great to have steps at registration.
Step1: your details
Step2: questions
etc,...

Because now, users get afraid when they see a (middle long) registration procedure.

I've been looking for CSS scripts (because jquery might give probs at registration?)
This is an example of jquery: http://dominicbarnes.us/project-jwizard.php
Or maybe I should go for pagination: http://www.dynamicdrive.com/dynamicinde … nation.htm

Do you guys have any ideas?

2

Re: accordian or steps registration page?

heres something that just came in my mind
remember how in cp when you edit a member ther are those links at the top, different account settings, and when you click on them it changes the table in the center of the page

something like that can be used for the registration page too i think

3

Re: accordian or steps registration page?

Uw, you mean tabs? Yes, I think that's no prob, you can use dhtml tabcontent script (google).
But problem here is that you don't have a big button to progress:

Example:
[ Next STEP> ]

Or maybe I use the pagination script and modify the code, so that the numbers are like a progress bar.
http://www.dynamicdrive.com/style/cssli … on_links/#

4

Re: accordian or steps registration page?

well not sure how u meant it
for example you can use like its in the cp and use the row_switch function for button
so like make show half of form, then
a button and function: onclick="change_tab"
or row, not sure wich one was it

5

Re: accordian or steps registration page?

jQuery User Interface has a nice accordian plugin, along with other nice little gadgets.

jQuery User Interface demos

It's easy to spend more time than initially expected, going through the demos and thinking of the possibilities.

6

Re: accordian or steps registration page?

jquery step by step form
http://www.jankoatwarpspeed.com/image.axd?picture=2009%2f9%2fwizard.jpg
here is the demo

but you must click on the button on the top of the page:
Click here to turn this webform into a wizard.
now you get to the right demo wink

maybe it is this one you need ... it is many tutorials out there ...
but I like this one ! I will have it on my own site smile

this is jquery step by step form with validation ...

Last edited by gugu (2010-08-05 17:40:41)

Give the world the best you have, and the best will come to you.
Tutorials and Mods for VldPersonals  Add CometChat to your vldPersonals site

7

Re: accordian or steps registration page?

wow, thx :-)
I tried, but it gives error, conflicts with excisting JS :-/

8

Re: accordian or steps registration page?

can you tell us that errormessages you get ...
conflict with that js file ?

try this ! make a new js folder in your templates folder !

this is an example:
/templates/webby2/js

now it is only a media and tmp folder there ...
sometimes it can help us if we make it this way ...

Last edited by gugu (2010-08-06 19:33:26)

Give the world the best you have, and the best will come to you.
Tutorials and Mods for VldPersonals  Add CometChat to your vldPersonals site

9

Re: accordian or steps registration page?

i installed new js in my templates folder also, so that's not the problem. I cant say what's the exact error, I removed it, but even the simplest virtual pagination plugin don't work, even when I disabled may scripts in the frontend (ifloggedin==1)

10

Re: accordian or steps registration page?

I got it working with virtualpagination, it's great :-)
http://www.dynamicdrive.com/dynamicinde … nation.htm
I have now step 1, step 2, step 3 etc,...

Last edited by godyn (2010-08-17 03:54:57)

11

Re: accordian or steps registration page?

@ godyn: what's Ure site url to check it out how it works?

12

Re: accordian or steps registration page?

Can we see it in action on your site?

Draw a line, live above it and throw away everything that falls below it.

13

Re: accordian or steps registration page?

Anyone ever accomplish this? any tips?

VPS & Dedicated Hosting Servint

14

Re: accordian or steps registration page?

ask godyn I know he get it to working ...

Give the world the best you have, and the best will come to you.
Tutorials and Mods for VldPersonals  Add CometChat to your vldPersonals site

15

Re: accordian or steps registration page?

I'd be curious to know also, or just pointed to the js that you used.

16

Re: accordian or steps registration page?

This is a must have mod to have, it many case it will determine if someone registers on your site or not

VPS & Dedicated Hosting Servint

17

Re: accordian or steps registration page?

I will look at it and see that I can do !

Give the world the best you have, and the best will come to you.
Tutorials and Mods for VldPersonals  Add CometChat to your vldPersonals site

18

Re: accordian or steps registration page?

This one was pretty nice also. I'm going to read through it and see if it's something an amateur as myself can do smile

Overview:
http://plugins.jquery.com/project/smartwizard2

Demo:
http://techlaboratory.net/labs/SmartWizard2/index.htm

19

Re: accordian or steps registration page?

a good one smile

Give the world the best you have, and the best will come to you.
Tutorials and Mods for VldPersonals  Add CometChat to your vldPersonals site

20

Re: accordian or steps registration page?

that smartwizard looks indeed great, check my registration page at swingstar.eu

21

Re: accordian or steps registration page?

Does anyone kind enough to show how we can do this? Most of us are not coders...

VPS & Dedicated Hosting Servint

22

Re: accordian or steps registration page?

Hi friends,
I used this pagination script, so you should try this out, play a bit with the code and css.

I can release it later, but for now I don't have time.