Cumulocity users need to add, edit and remove information frequently. A wide variety of text entry and selection options facilitate these tasks.
Basic text input
This is the simplest method of freeform data entry, for single and multiple lines of text.
To limit the amount of text, use a text input. To further restrict the type of input, you can specify the type, such as number or email address. Multiline text areas allow the user to enter longform plain text. However, you can’t specify a format to restrict the type of content.
To group related fields together use input-groups.
Label the input area above or to the left of the field. In most contexts, a stacked label (label on top) is preferred in order to enhance readability and clarity.
Use horizontal labels only if you need to save vertical real estate and you have fewer than 10 fields.
The default text size creates a visual hierarchy between the label text and the input text.
Even if any input width matches 100% of the container, it should not exceed 600px. To achieve this when using full width layouts, apply proper containers.
To keep vertical spacing or in case you have a long list of fields in a width-constrained container, sizing modifiers are available.
Date and time
Instead of forcing the user to manually type a date, a datepicker is available to provide a visual and more straightforward way for the user to browse and select a single date.
When setting date and time, two inputs for hours and minutes are available.
A lookup allows the user to search a database for records to fill a field. The lookup can either limit the user to a single record or allow for multiple records to populate a single field.
Picklists allow the user to select one or multiple options from a list. Picklists are used for large radio or checkbox lists. They provide more flexibility in the number of options the user can choose from.