When you add a Form or Detail block to a page, Applaud suggests a layout and a design automatically. However, you can edit the fields to make a variety of changes. From changing the field label to selecting which color palette to use. The options available depends on the property type. We've provided a full list of options in the table in this article.
To edit the field, select inside the field on the Design form step and select the icon to open the Edit field dialog box. See our knowledge base articles, Form blocks, and Detail blocks.
Title |
Option |
Purpose |
---|---|---|
Type |
Select single |
Choose from a drop-down list of available options. Selecting 'Enable autocomplete' means in addition to selecting from a list, the user can start typing a value, and the system will predict the rest of the word. |
Radio |
Select your choice using the radio buttons. |
|
Select-multiple |
Applicable to lookup and foreign key fields only and enables the user to select multiple options. To let your users select multiple items, select the Allow multiple option in the related model property. In addition, to let the user start typing and show suggestions in the list, select the Enable autocomplete option. |
|
List |
Applicable to lookup and foreign key fields only and presents the user with a read-only list of values. |
|
Input |
Enters the text alphanumerically in a standard-sized field. |
|
Password |
Enters the text in password format. Select the eye icon to switch between show password and hide the password. |
|
Text area |
Enables the user to type freely into a large text box. Selecting this option presents you with an additional option to 'Allow rich text entry.' allowing the user to format text, add images, links, videos, etc. |
|
Number |
Applicable to a number field only and enables the user to input a numerical value. |
|
Slider |
Applicable to a number field only and enables the user to select a number using a slider. To activate the slider, the user must enter a minimum and maximum value in the 'Edit field' modal window. |
|
Rating |
Applicable to a number field only. It enables the user to enter a rating, 4 out 5 stars, for example. To activate the rating, you must select an icon, an icon color, and the number of icons from the 'Edit field' modal window. |
|
Checkbox |
This is the default type for a Boolean property type only and cannot be changed. Enables the user to select or clear a checkbox in a true or false statement. |
|
Date |
This is the default type for a date property only and cannot be changed. Enables the user to select a date from the calendar. |
|
Date range |
This is the default type for a date range property, which you can't amend. With a date range property, the user can select a start and end date using the calendar picker. The default field shows two fields: However, you can set the style option to show only a single field:
If you selected the Include time option when creating the property, the user can also specify the time:
However, if you selected the Allow individual dates to be selected option when creating the property, the user can select multiple random dates instead of selecting a start and end date and only the single field appears:
|
|
File |
This is the default type for a file property only and cannot be changed. Enables the user to upload files to the platform. See Accepted file types for a list of file types you can upload. |
|
|
This is the default type for an email property and cannot be changed. Enables the user to input an email address. Selecting 'Enable advanced email verification' checks in real-time if the email address is valid. |
|
URL |
This is the default type for a URL property and cannot be changed. Enables the user to input a URL to an external web address. |
|
Geopoint |
This is the default type for a Geopoint property and cannot be changed. Enables the user to input place details such as an address or geographic coordinates. |
|
Icon |
This is the default type for an icon property and cannot be changed. Enables the user to select a suitable icon to represent their data. |
|
Color |
This is the default type for a color property and cannot be changed. Enables the user to select a suitable color to complement their data. |
|
Label |
Inherit from model property |
Takes the name of the model property, for example, 'Icon' and uses this as the field label. |
Override |
Presents you with an additional field to enter your own field label. |
|
Hide |
Hides the field label on a Form or Detail block. However, if you select this on a Form block field, we recommend that you provide some help text so your users know what to do with the form field. You can hide the label on a Detail block to only see the field value. To get the same effect on a Form block, clear the Enabled option so only the field value is shown to your users and they can't amend the value. |
|
Placeholder |
|
This is the text that shows inside the field as a placeholder when there's no value, for example, 'Enter a value.' |
Visible |
|
Hides the field from the form. |
Required |
|
Tells the user that this is a required field and they cannot submit the form without completing this field. |
Enabled |
|
Disables the field from use, but the field label will remain visible unless you choose to hide the label. |
Allow rich text entry |
|
Applicable to rich text areas only and enables the user to format text, add images, links, videos, etc. |
Help text |
|
The 'Help text' rich text box enables you to add text below the field to help the user understand its purpose. |
Character limit |
|
Limits the maximum number of characters that can be entered in a field by a user. You might want to do this to prevent verbose text or set limits that are imposed on downstream integrated systems. This is only available for text input, text area, rich text area, number, password, email, and URL fields. When you select this, a character count appears next to the field to show the user how many characters they have left. For rich text fields, this shows a progress indicator. |
Allow autocomplete |
|
Enables the system to predict the rest of the word a user is typing. |
Allow dynamic entry of a new value |
|
Enables the user to create new values not already in the list. |
Style
|
Separate start and end date fields |
The default setting for the date range property with two separate fields for the start and end dates, which you can configure options for. |
Single date field |
Replaces the two fields with a single field where the user can select the start and end dates: If the Allow individual dates to be selected option is selected on the property, the user can select multiple random dates: |
|
Email verification |
|
Applicable to email fields only and checks in real-time if the email address is valid. |
Corrections |
Autocomplete |
This tells native devices that 'Autocomplete' features can be used when available, for example, soft keyboards. |
Autocorrect |
This tells native devices that 'Autocorrect' features can be used when available. |
|
Autocapitalize |
This tells native devices that 'Autocapitalization' features can be used when available. |
|
Spell check |
This tells native devices that 'Spell check' can be used when available. |
|
Label property |
|
Select a property of the related model to use as the label for the drop-down values. |
Advanced filters |
|
Enable you to filter the selection using advanced criteria. |
Minimum |
|
Applicable to a number field to ensure the user enters at least the minimum value specified. |
Maximum |
|
Applicable to a number field to ensure the user cannot enter a number above the value specified. |
Advanced date restrictions |
Earliest date allowed |
Applicable to a date field and ensures the user cannot enter a date earlier than the date specified. |
Latest date allowed |
Applicable to a date field and ensures the user cannot enter a date later than the date specified. |
|
Allowed days |
You may only want to enable the user to choose certain days, for example, Monday, Wednesday, and Friday, in which case you can delete the other days using the symbol. |
|
Disallowed dates |
You may want to disable the user from choosing specific dates, public holidays, for example, in which case you can specify which dates to disable here. Use the to add additional dates, and use the symbol to delete them. |
|
Button label |
|
Applicable to a file field and enables you to enter a custom label for the upload button. |
Types of files |
|
Enables you to select which types to allow the user to upload; choices are images, Documents, or All. |
Type of place |
All |
Applicable to a Geopoint field and enables the user to input all place types. |
Address |
Applicable to a Geopoint field and enables the user to input a fully specified address. |
|
Establishment |
Applicable to a Geopoint field and enables the user to input business names. |
|
Geocode |
Applicable to a Geopoint field and enables the user to search using geographic coordinates. |
|
Default current location |
|
Applicable to a Geopoint field and uses the user's current location as a starting point. |
Display options |
Palette only |
Applicable to a color selection field and allows the user to choose from default colors only. |
Picker only |
Applicable to a color selection field and allows the user to specify custom colors using HEX values. |
|
Palette and picker |
Applicable to a color selection field and allows the user to choose from a default color palette and the option to enter custom colors using HEX values. |
|
Allow transparency |
|
Allows the user to specify alpha transparency settings. |
Palette choice |
Feeling colors |
Allows the user to select from a limited color palette set up in your brand. See the 'Brands' section of our knowledge base to learn more about brands. |
Google Material Design |
Our user interface is designed using Google Material Design principles, and we use their color palette to complement the UI. Visit Material Design to learn more. |