Results 1 to 6 of 6

Thread: :: jQuery Form to Form Wizard (v1.1)

  1. #1
    Join Date
    Apr 2011
    Posts
    65
    Thanks
    15
    Thanked 0 Times in 0 Posts

    Default :: jQuery Form to Form Wizard (v1.1)

    If you look at the demo of this script http://www.dynamicdrive.com/dynamici...formwizard.htm you will see the back and next buttons of the form on the same line. When I use this script the next button appears on the line beneath where it should be. It appears in the correct position just not on the line that it is suppose to be. Any ideas?

  2. #2
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Please post a link to the page on your site that contains the problematic script so we can check it out.
    DD Admin

  3. #3
    Join Date
    Apr 2011
    Posts
    65
    Thanks
    15
    Thanked 0 Times in 0 Posts

    Default

    The site is not up and functional yet but here is the script for that page.

  4. #4
    Join Date
    Jun 2011
    Posts
    1
    Thanks
    0
    Thanked 1 Time in 1 Post

    Default

    Quote Originally Posted by chadlexmorgan View Post
    If you look at the demo of this script http://www.dynamicdrive.com/dynamici...formwizard.htm you will see the back and next buttons of the form on the same line. When I use this script the next button appears on the line beneath where it should be. It appears in the correct position just not on the line that it is suppose to be. Any ideas?
    i have the same problem when i work with IE browser so i modify the library and change span tags where 'back' and 'next' appear. Like this:

    formwizard.js
    Code:
    var $paginatediv=$('<div id="content"><div id="before" class="prev" style="float:left">Back</div> <div style="float:left; width:752px;" class="status">Form 1 of </div> <div id="after" class="next" style="float:left;">Next</div></div>')
    
    thiswizard.paginatediv={$main:$paginatediv, $navlinks:$paginatediv.find('div.prev, div.next'), $status:$paginatediv.find('div.status')}
    formwizard.css
    Code:
    #content{
    width:840px;
    font-weight:bold;
    text-align:center;
    color:#666666;
    }
    #before, #after{
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    cursor:hand;
    cursor:pointer;
    padding:2px 5px;
    background:#fc7607;
    color:white;
    }
    Last edited by jscheuer1; 06-16-2011 at 04:21 PM. Reason: format code

  5. The Following User Says Thank You to Crossnightmare For This Useful Post:

    chadlexmorgan (06-17-2011)

  6. #5
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Thanks Crossnightmare for posting that. Does that help in your case chad?
    DD Admin

  7. The Following User Says Thank You to ddadmin For This Useful Post:

    chadlexmorgan (06-17-2011)

  8. #6
    Join Date
    Apr 2011
    Posts
    65
    Thanks
    15
    Thanked 0 Times in 0 Posts

    Default

    Worked great! Thank you!!

Bookmarks

Posting Permissions

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