View Full Version : Wizard dialog - best way to hide and navigate content?

11-15-2012, 05:59 AM
Hey guys,

For a project I'm creating a step-by-step process is used for adding articles to an archive. The process involves adding text in one step, adding images in another and so on. What would be the best and most effecient (both in the sense of re-useable and performance) to create the dialog / hide the steps not currently in use in the dialog and navigate through it all?

CSS display:none? If yes, would I then need some javscript to apply the css to hide the step before/after?

Some fancy javascript / jquery solution (I'm aware that some may have this disabled)?

11-15-2012, 06:32 AM
I've just looked at the Google+ "complete your profile"-slider that appears on the home tab if your profile is not fully completed with e.g. an image. That step-by-step dialog seems to use position:relative on child elements and overflow:x; on a containing element to hide the childs. I cannot, however, se how the content gets pushed when the back/forth buttons are clicked.

11-16-2012, 12:31 PM
Does nobody have any suggestions?