Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    Regular Coder
    Join Date
    Jun 2007
    Posts
    805
    Thanks
    123
    Thanked 23 Times in 23 Posts

    Wizard dialog - best way to hide and navigate content?

    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)?
    Last edited by CaptainB; 11-15-2012 at 08:38 AM.

  • #2
    Regular Coder
    Join Date
    Jun 2007
    Posts
    805
    Thanks
    123
    Thanked 23 Times in 23 Posts
    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.

  • #3
    Regular Coder
    Join Date
    Jun 2007
    Posts
    805
    Thanks
    123
    Thanked 23 Times in 23 Posts
    Does nobody have any suggestions?


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •