Data entry

Data entry

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 long­form plain text. However, you can’t specify a format to restrict the type of content.

To group related fields together use input-groups.

https://example.com/users/

Labels

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.


Sizing

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.

   
: :
   

Lookup

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.

admin
stefan
confraria
daniel
primm
deviceuser
dominika
eickler
katerina
enio
gross
phil
jari
jos
martins
MyWerk_Device_User
nagios
stuke
svaillant
tsschuel
vaillant
yori

Picklist

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.