Enable form navigation

You can enable users to navigate backwards and forwards in the form pages via the Form navigation widget. To do this, add the following JavaScript code at the end of the body of your page:

JavaScript

(function ($) {

       var formContainers = $('[data-sf-role="form-container"]');
       var initializeFormContainer = function (element) {

           var formElement = $(element);
           var formPageContainers = formElement.find('[data-sf-role="separator"]');

           formPageContainers.each(function (i, element) {
               $(element).hide();
           });

           var navigationFieldContainers = formElement.find('[data-sf-role="navigation-field-container"]');
           navigationFieldContainers.on('click', '[data-sf-navigation-index]', function(e){

               var ind = $(e.target).closest('[data-sf-navigation-index]').data("sfNavigationIndex");
               formElement.trigger("form-page-changed", [ind]);
               formPageContainers.each(function (i, element) {

                   if (i !== ind) {
                       $(element).hide();
                   } else { 
                       $(element).show();
                   }
               });
           });
       };

       formContainers.each(function (i, element) {

           initializeFormContainer(element);
       });
   })(jQuery);

NOTE: If you use this script, the form validations will not be triggered when the user navigates between pages.

Want to learn more?

Enhance your Sitefinity skills by enrolling in free training sessions. Become Sitefinity certified through Progress Education Community to strengthen your professional credentials.

Get started with Integration Hub | Sitefinity Cloud

This free lesson teaches administrators, marketers, and other business professionals how to use Sitefinity Integration Hub to create automated workflows between Sitefinity and other business systems.

Web Security for Sitefinity Administrators

This free lesson teaches administrators the basics about protecting your Sitefinity instance and your sites from external threats. Configure HTTPS, SSL, allow lists for trusted sites, and cookie security, among others.

Foundations of Sitefinity ASP.NET Core Development

The free on-demand video course teaches developers how to use Sitefinity ASP.NET Core and take advantage of its decoupled architecture and modern development model.