URL Input

This article explains the features of the URL Input block and how it can be used to design your app.

Use Cases

1. Collecting Website Links: Gather website URLs from users, such as personal websites or business links.
2. Sharing Resource Links: Capture links to online resources, articles, or references.
3. Submission of External Documents: Allow users to share links to external documents stored on platforms like Google Drive, Dropbox, etc.

Editing the Block

Click on the URL Input block and start editing on the panel that appears on the right side.

‍

Label

The label is the name of the block that the end user sees in the app.

Example: Website Link, Document URL.

Description

The description is the additional information provided to the end user, displayed below the input area. You can also leave this blank if not necessary.

Example: Please enter a valid URL.

Default Value

Set a default URL that will be displayed in the field when the app loads. This can act as a placeholder or a sample URL for users.

Example: http://example.com.

Required

Enable this option if you want to make this field mandatory. When enabled, users must enter a valid URL in this field before submitting the form or else they will not be able to submit.

Advanced Options

Display this field if

Use this option to show or hide the field under specific conditions. It accepts the standard Clappia formulae, similar to conditional sections or in the ‘Calculations & Logic’ block.

1. Type @ to get a list of all the fields you have added in the app and select the relevant field or type @ followed by the field name.

2. Use these field variables to write spreadsheet-like formulae for conditional display of the field in the app.

Retain value if hidden

This option appears once a condition is set in the Display this field if option. Enable this setting if you want the field's value to be retained even when the field is hidden. This is useful for preserving user input in cases where the field may temporarily disappear based on conditions.

Example: If the field is hidden based on user selection but you still need to keep the entered value for future reference or calculations, enable this option to ensure the data is retained.

Allow value to be changed after initial submission

This option is enabled by default. When active, end users can edit the URL entered in this field after creating a submission. Disable this option if you want the initial URL to remain uneditable once submitted.

Block Width

Desktop View: Set the width of the PDF Viewer block in the desktop view. Options are 100%, 75%, 50%, or 25%.

Mobile View: Set the width of the PDF Viewer block in the mobile view. Options are 100% or 50%.

Variable Name

This is the unique identifier for the Email Input field, which can be used in formulas or references within the app. This appears automatically after saving your configuration of the URL Input block.

Using the Block in App Home

In App Home, users can enter URLs in the URL Input field. If an invalid URL is entered, an error message will appear, indicating that the format is incorrect. The block accepts all forms of valid URLs, whether they include http, https, www, or other common URL formats, as long as they are valid URLs.