Auto-save an adaptive form auto-save-an-adaptive-form

To access the auto-save section in the properties, select a component, then tap > Adaptive Form Container, and then tap .

In the Auto Save section, Enable the auto-save option.

In the Adaptive Form Event box, specify 1 or TRUE to automatically start saving the form when the form is loaded in the browser. You can also specify a conditional expression for an event, which when triggered and returns true, starts saving the content of the form.

Specify the Trigger. Auto-save is triggered based on your configuration. Your options are:

• Time based: Select the option to start saving the content based on a specific time interval.
• Event based: Select the option to start saving the content based when an event is triggered.

When you select a trigger, Strategy Configuration box is enabled. Strategy Configuration box lets you:

• Specify a time interval if you select Time based trigger.
• Specify an event name if you select Event based trigger.

You can also create and add your own custom strategy to the list. For details, see Implement a custom strategy to autosave the forms.

(Time-based autosave only) Perform the following steps to configure options for the Time-based autosave.

1. In the Auto save on this interval box, specify the time interval in seconds. The form is saved repeatedly after the number of seconds specified in the interval box elapse.

(Event-based auto save only) Perform the following steps to configure options for Event-based auto save.

1. In the Auto save after this event box, specify a GuideBridge event. The form is saved every time the expression evaluates to TRUE.

(Optional) To automatically save the content for anonymous users, select the Enable Autosave for anonymous users option, and click OK.

Create client library and client library folders. For detailed steps, see the Using Client-Side Libraries document.

For example, the following script uses the custom emailFocusChangeevent to trigger the autosave functionality:

window.addEventListener("bridgeInitializeStart", function (){
    guideBridge.connect(function () { guideBridge.on("elementFocusChanged", function (event,data) {
        if(data.target.name === 'Email') {
            guideBridge.trigger("emailFocusChange");
        }
    });
   });
});

Open the adaptive form in author mode.

In the edit mode, select a component, then tap > Adaptive Form Container, and then tap .

In th properties, open the Basic section. In the Client Library Category box, enter the value of the category property defined while creating the client library folders.

Open the Auto Save section. In the Auto save after this event box, specify a custom event already defined in the client library. Click OK.