Appnitro Software Forums » MachForm

EXCITING....!!! Possible method to create Multi-Pages....

(12 posts)
  • Started 1 month ago by leeuniverse
  • Latest reply from leeuniverse

  1. leeuniverse
    Member

    Hey all, I know this has been one of the most requested features, so guess what.
    I believe I may have found a couple of solutions that work similar which might be able to be adapted for MachForm use.

    Basically, it's the creation of a "Virtual" tabbed form.
    The form is technically still one page (or pages could be done depending upon the method utilized), that simply calls the sections.

    Anyway, there are a couple that can be looked at.
    This one looks very good....

    http://www.dynamicdrive.com/dynamicindex17/virtualpagination.htm

    or
    http://www.dynamicdrive.com/dynamicindex17/featuredcontentslider.htm

    or
    http://www.dynamicdrive.com/dynamicindex17/featuredcontentglider.htm

    or this one...
    http://www.dynamicdrive.com/dynamicindex17/tabcontent.htm

    I'm not a code guy.... But, I know enough to see that these scripts are reletively simple and could likely indeed be incorporated into the system. For example, when creating the forms, the fields are already in their own <divs> or whatever, or can be placed into one when the form is created. So as we go along inserting fields, we insert the code option in the position which tells the script to go to a new tab, then we put more fields, wash and repeat, create the form and walla....

    Anyway, I know I'm being simple, for things often aren't, but with these few examples or or a combination of them (parts etc.) I'm almost sure could be used to create multi-page capability, virtually anyway. But, same thing to us, but even better, because it's faster, and data shouldn't be lost, etc.

    Wooo hooo, let's do it! :)

    Posted 1 month ago #

  2. leeuniverse
    Member

    Oh, and I forgot this one....

    http://www.dynamicdrive.com/dynamicindex17/ajaxtabscontent/index.htm

    Posted 1 month ago #

  3. yuniar
    MachForm Founder

    Hmm.. interesting.

    Although, I must say it would require pretty much of a hack, still.
    If anybody able to build multipage form based on those scripts, I'd be very interested to see it.

    Posted 1 month ago #

  4. leeuniverse
    Member

    Look on the middle of this page and they have exactly that...! Though, very simple, they only show 1 field on each page with a "post" on the last, but seems to be an example of such anyway.

    http://blog.cutterscrossing.com/index.cfm/2007/6/15/Updated-JQuery-Nested-Tab-Set-with-Demo

    Also, if you go to this page, there are a bunch of other "different kinds" of Tabbed content scripts. Some work better than others, and some work different then others. I recommend you dive into reading them so you can see what your possibility's might be.

    http://www.ajaxrain.com/tag.php?tag=tabs

    I do believe that given these things you could indeed do it.... :)

    Also, I do believe that given the way some of the scripts work, the way MachForm works in building forms could essentially remain the same I think. You would simply have to place the script functions at the appropriate spots in the form.

    Some of the scripts work by each tab showing a different html page, and others work by all the content being on one page, and the script stuff is simply placed where necessary, and it does some sort of "persistent" thing to go to the next section/tab. This later method might be the one you may want to look into the most, so you don't have to change MachForm as much.

    This script.... I think does sort of what I'm talking about.
    http://phrogz.net/JS/Tabtastic/index.html
    If you disable the Javascript for the page, you can see that it all breaks down into one page.

    This one is kind of old however, with a couple of fixes that need to be done on it I think. There are others though that work much better and more advanced.

    Posted 1 month ago #

  5. leeuniverse
    Member

    HOLY CRAP!!!

    This I think is exactly a key to what your looking for: http://www.barelyfitz.com/projects/tabber/

    Read through each section and it looks like it directly tells you how you could add plug and play style the tabbed functioning to a MachForm page for example.

    p.s. When you download the ZIP the (example-print.css) file is not included in it, so be sure to download that one also.

    Posted 1 month ago #

  6. jmarchalonis
    Member

    this is actually extremely easy using the method you mentioned. all you have to do is code the form into pieces and put them in the respective div...

    example: You would call tab1 and tab2 in the javascript/ajax...

    <div id="tab1">
    // Lines of code for form
    </div>

    <div id="tab2">
    // Lines of code for form
    </div>

    Posted 1 month ago #

  7. leeuniverse
    Member

    Exactly.... That's why I'm thinking it might actually work.
    I see no reason that either at the point we are creating the form within make form there are actual "sections" which represent the pages, that we stick the field into, or we designate break points where we want one page to end and the other begin, and when machform creates the form itself it simply puts the form field into their respective pages or whatever, depending on how machform works.

    Anyway, this looks like what we are looking for. :)

    Posted 1 month ago #

  8. leeuniverse
    Member

    Also, just discovered this thing.... Lot's of support.

    http://developer.yahoo.com/yui/examples/tabview/

    Posted 1 month ago #

  9. RMD
    Member

    Thank you for all the links. If you manage to implement this, please share what worked for you, pros/cons, etc.

    Posted 1 month ago #

  10. leeuniverse
    Member

    Me, I'll likely be implimenting tabs into my website.... but more than likely without help from someone else, I likely won't be making a Tabbed FORM. Forms are already almost greek to me let alone a tabbed version. No time to rap my brain around the more complicated stuff.

    Posted 1 month ago #

  11. leeuniverse
    Member

    Here's another....

    http://boedesign.com/2008/02/20/jtabber-for-jquery/

    This one might actually be better....

    http://www.sunsean.com/idTabs/

    Oooo, even better.... One good thing about this one, don't remember what other's might do it, but it allows you to click a link such as "Next", and you can make a tab then "clickable", which is great for a form.

    http://www.stilbuero.de/jquery/tabs_3/

    Posted 1 month ago #

  12. leeuniverse
    Member

    Hey yuniar.... Could you "sticky" this post?
    It would help answer one of the most popular questions, and it might encorage someone who has the time to create something for us to use before you can get to implimenting something.

    Posted 2 weeks ago #

RSS feed for this topic

Reply

You must log in to post.