Container Buttons to jump between pages

As we already know eForm can have paginated or tabbed appearance to break your forms into multiple section. This appearance would bring in navigation buttons to navigate between tabs and pages.

If you want to provide a way to quickly jump between pages, without letting the user go through all containers, it is possible through container buttons.

Add Containers

Add Container

For the container button to work, you need to have more than one container in your form and the appearance set to either Paginated or Tabbed. Please refer to this article to learn how to create different types of forms.

Add Container Buttons

Container Button

  • Go to Form Builder > Design and Security.
  • Drag and drop or click on the Container Button element.

Now open up the settings and configure it properly.

Container Button Setting

  • Give a name to the button.
  • Enter the container number. Starts from 1 and any number represents nth container from start. So 1 would represent first, 3 would represent third etc.

Now save the form and try it yourself.

Some Notes

  • When you use container button, it will ignore any validation on the current container.
  • So make sure that leaving containers/tabs would not generate any validation error on the server. Otherwise submitting the form would yield errors. Please read this to find out how.
  • If you need to just hide a container/tab, then better to use conditional logic for containers.

Swashata has written 257 articles

Hi there, I am the Lead Developer at WPQuark.com. I love to create something beautiful for WordPress and here I write about how to use them. When I am not working, usually I am doing a number of other creative things ;).

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

This site uses Akismet to reduce spam. Learn how your comment data is processed.