Forums

Are mulitple page forms a possibility in Chronoforms 5? In particular, tab forms? If been trying to get this to work for weeks now, with absolutely no luck. I have an existing form in the works, but when I add a tab area and try to drag the form elements into that container, the element I'm trying to drop in the container only gets dropped either above or below the tab container, never in it. I copied the source code into my html editor, moved my form divs into the tab container div, saved the form and the form reverted back to it original state. So, am I banging my head against a wall with this version of do I need to cut the cord and go back to an earlier version? It doesn't make sense to me that a new version would offer the same features, but be completely non-functional as a finished product upgrade.
On a deadline and frustrated....

Hi mmaack,

Of course, the tab forms are possible, please make sure you have the latest version, click the "demos" button in the forms manager and you should find a demo form with tabs, just try it.

When dragging fields, the active drop ready area gets a dark border so you can where your field will land.

Regards,
Max

Thanks for your reply.

I've updated to the lastest version and that fixed a few things. However, I can't drag and drop items between containers. I can copy and paste them, but with the amount of data fields that I am working with in my form, this is really inconvenient as I need to copy, paste, scroll down to the original item, delete, rinse repeat ad-nauseum. It's really time consuming, whereas a simple drag and drop would save a ton of time. This is not a criticism of the copy-paste feature, because it is really spot-on for duplicating data. However, re-arranging on a tabbed form is a pita at the moment due to the lack of true drag and drop.

Also, I find that when I copy an item from one container, and paste into another, duplicate items are being pasted. Not all the time, but often enough to become bothersome.

Not to sound totally negative, because I think this CF is a wonderful tool and coming along. But I 've been frustrated with supposed simple features that do not fully work and building this form has become overly time-consuming.

Well, drag & drop between containers has its own problems too, the elements are sortable, and by adding a new feature to drag/drop them, some glitches would occur, moreover, how would we drag an element from a container at the top of the page, to another one at the bottom if we need to scroll down ?

I found that the copy/paste solution would save the time of rebuilding elements and has zero side effects, which is what we need, better than adding a new big feature, which would be used like 5% of the time only, but would cause troubles for everybody!

Understood. I think I have most everything worked out.

The tab navigation is great, but is there a way to add a link at the bottom of the tab content to jump to the next tab? Some of the tabs are long in content and I want to make it as simple as possible for the end user to navigate should they not be familiar with tabular forms.

Thanks again for your timely response.

You can add a button to switch the tab, here is how:

#1- add a new "submit" button element and change the type to button
#2- add this code to a "load js" action in the "on load" event and make the necessary changes:

jQuery(document).ready(function($){
	$("#BUTTON_ID").on("click", function(){
		$("a[href='#CONTAINER_ID']").tab("show");
	});
});

Regards,
Max

Got it! Thanks!