Documentation AEM AEM Tutorials AEM as a Cloud Service Tutorials

Navigating between the tabs

Last update: Sun Mar 23 2025 00:00:00 GMT+0000 (Coordinated Universal Time)

Applies to:
Experience Manager as a Cloud Service

Topics:
Adaptive Forms

CREATED FOR:

Beginner
Intermediate
Developer

AEM Forms as a Cloud Service

You can navigate between the tab by clicking on the individual tabs or by using previous and next buttons on the form.
To navigate using buttons, add two buttons to your form and name them Previous and Next. Associate the following custom function with the click event of the button to navigate between the tabs.

The following is the custom function to navigate between the tabs.

/**
 * Navigate in panel with focusOption
 * @name navigateInPanelWithFocusOption
 * @param {object} panelField
 * @param {string} focusOption - values can be 'nextItem'/'previousItem'
 * @param {scope} globals
 */
function navigateInPanelWithFocusOption(panelField, focusOption, globals)
{
    globals.functions.setFocus(panelField, focusOption);
}

The following is the rule editor for the Next and Previous buttons

Next Button

next-button

Previous Button

prev-button

recommendation-more-help