HELP
 / 
Data Processing Blocks
 / 
Submit Button

Submit Button

This is some text inside of a div block.

Set up the Auto-Submit function, customize the text and the action of the Submit button and also the message displayed after a new successful submission.

Editing the block

Click on the submit button block and start editing on the panel that appears on the right side.

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.

Message displayed on successful submission

Customize the message that will be displayed after creating a successful submission.

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

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

Select action after successful submission

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.
  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.

Select fields for Auto-submit

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. Ratings.
  3. Camera, Image & Files.

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. 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.