Submit Button

Set up the Auto-Submit function, customize the text and the action of the Submit, Save Draft, Discard Draft and the Print Submission buttons and also the message displayed after a new successful submission.

In the Design App tab, hover the cursor over the Submit and Draft buttons and click on that area on the screen. A right panel will appear where you can make edits to these buttons.

Submit Button

Submissions allowed on this app:

This option is enabled by default.

- Enabling this option allows the user to submit the data filled in the app.

- Disabling this option will not allow the user to submit the data filled in the app.

Submit Button Text

Customize the submit button by changing the text inside it.

‘Submit’ is the default text of the submit button.

Draft Buttons

Allow users to save as draft

This option is enabled by default.

- Enabling this option allows the user to save the data filled in the app so that they may fill in the details later. The saved data in the fields will be reloaded once they reopen the app.

- Disabling this option will not allow the user to save data filled in the app as drafts.

Save Draft Button Text

Customize the save draft button by changing the text inside it.

‘Save Draft’ is the default text of this button.

Discard Draft Button Text:

Customize the discard draft button by changing the text inside it.

Discard Draft is the default text of this button.

Buttons displayed on successful submission

‍

Once a submission has been made, by default, it will redirect the user to a page that will say that the submission made is successful and give them the option to make another submission or to view their submissions.

‍

‍

The buttons can be enabled or disabled individually depending on your needs. Their texts can also be altered from the Design App.

In case you have configured a pdf for your app, and after submissions, if the users need to print their submissions directly, this option can be enabled in the ‘Design App’ tab.

Customize the print submission button by changing the text inside it.

Note: A PDF would need to be configured first for this option to show in the Design App tab.

Message displayed on successful submission

Customise the message that will be displayed after creating a successful submission.Field values can also be dynamically pulled here, by typing in @ followed by the field name. This now includes the unique numbering block as well (e.g., for order confirmations, ticketing systems, audit records, etc).

‍

Default setting

Your Submission was successfully saved with Submission Id:<b><span class=“text-info”>@submissionId</span></b>

‍

Default message that will be displayed

Input: Your Submission was successfully saved with Submission Id:<b><span class="text-info">{$submissionId}</span></b>

Result: Your Submission was successfully saved with Submission Id: SII26725649

‍(mobile app view)

‍

Custom Message

Input: Audit has been conducted and the details are recorded successfully with Submission Id:<b><span class="text-info">{$submissionId}</span></b>

Result: Audit has been conducted and the details are recorded successfully with Submission Id: JIS93101431

(mobile app view)

Post-submission action

Set up the action of the app for the user to automatically navigate after the user creates a successful submission.

1. None - After successful submission, the user will be displayed with the successful submission message.‍ This is selected as default.
2. Return to App Home - After a successful submission, the user will be redirected to the app home page.‍
3. Redirect to App Submissions - After a successful submission, the user will be redirected to the app home page.‍
4. Redirect to another URL - After successful submission, the user will be redirected to a custom URL.

‍

Enter URL - enter the URL where you want the user to be redirected to after creating a successful submission.

Auto-submit fields

Select a field from the list of blocks used in your Clappia app to assign the auto-submit function.

Auto-submit is allowed only for the following blocks:

1. Code Scanner
2. NFC Reader
3. Ratings
4. Camera, Image & Files
5. Live Tracking

‍

Examples

1. Code Scanner - QR Code/Barcode scanner

Select the Code Scanner block for auto-submit. Upon scanning any QR Code or Barcode, a submission is created automatically.

‍

2. NFC Reader - Scan NFC Tags

Select the NFC Reader block for auto-submit. Upon scanning any NFC tag, a submission is created automatically.

‍

3. Ratings - Provide rating score‍

Select the Ratings block for auto-submit. Upon providing a rating score, a submission is created automatically.

‍

3. Camera, Image & Files - Click a picture and upload or upload media from the gallery.

Camera - Select the Camera, Images & Files block for auto-submit. Upon clicking the picture, a submission is created automatically.

Image & Files - Select the Camera, Images & Files block for auto-submit. Upon selecting all the images or files, a submission is created automatically.

‍

Note: An app will auto-submit if and only if all the fields are filled.

‍