Default Uitypes

Uccello comes with several Uitypes available by default. This page shows the list of them and their respective properties.

Common properties

Here is the list of properties common to all uitypes. As explained in this page, you can specify this properties into the data attribute of a field.

Param

Description

Mandatory

Default

column

Name of the associated column in the module's table

No

Field's name

default

Default value

No

icon

The field's icon. Uccello uses Material icons. You can chose an icon here: https://material.io/tools/icons

No

label

This label will be translated thanks to the language file.

No

Field's name

large

Useful for displaying the field over the full width.

No

false

rules

Form validation rules. See the Official documentation.

No

Assigned User

Allows to assign a record to a user or a group of users.

As this uitype uses the uuid of the selected related record, please use $table->uuid(assigned_user_id) to create the table's column.

Boolean

Allows you to enter a boolean value (true / false).

Checkbox

Allows you to enter a boolean value (true/false) by presenting it as a checkbox.

Choice

Allows you to enter a value by selecting it from a list of radio buttons.

Specific properties

Attribute

Description

Mandatory

Default

choices

List of available values.

Example : ['Value 1', 'Value 2']

Yes

null

multiple

Activate multiple select

No

false

Color

Allows you to enter a hexadecimal value to represent a color, by selecting it from a color palette.

Date

Allows you to enter a date type value.

Specific properties

Attribute

Description

Mandatory

Default

repeated

Add a confirmation field

No

false

Datetime

Allows you to enter a date and time value.

Specific properties

Attribute

Description

Mandatory

Default

repeated

Add a confirmation field

No

false

Email

Allows you to enter a value such as an email address.

Specific properties

Attribute

Description

Mandatory

Default

repeated

Add a confirmation field

No

false

Entity

Allows you to enter a value by selecting it from a list of records from another module.

Specific properties

Attribute

Description

Mandatory

Default

module

Related module's name

Yes

field

Name of the property to display

No

By default, the value of the recordLabel attribute of the associated record is used.

File

Allows you to transfer a file from your computer.

Specific properties

Attribute

Description

Mandatory

Default

path

Target directory

No

public

Is the file accessible without authentication?

No

false

Hidden

Allows you to enter a value automatically via a hidden field.

Image

Allows you to transfer an image from your computer.

Specific properties

Attribute

Description

Mandatory

Default

path

Target directory

No

Integer

Allows you to enter an integer value.

Specific properties

Attribute

Description

Mandatory

Default

repeated

Add a confirmation field

No

false

min

Minimum value

max

Maximum value

step

Gap between two values

1

Module List

Allows you to select a module from the list of accessible modules for the user.

Specific properties

Attribute

Description

Mandatory

Default

admin

Display or not admin modules

No

true

Month

Allows you to enter a value that corresponds to a month of the year.

Specific properties

Attribute

Description

Mandatory

Default

repeated

Add a confirmation field

No

false

Number

Allows you to enter a decimal number value.

Specific properties

Attribute

Description

Mandatory

Default

repeated

Add a confirmation field

No

false

min

Minimum value

No

max

Maximum value

No

step

Gap between two values

No

1

Password

Allows you to enter a password value. The password is hashed before being stored into the database.

Specific properties

Attribute

Description

Mandatory

Default

repeated

Add a confirmation field

No

false

Phone

Allows you to enter a value of type telephone number.

Specific properties

Attribute

Description

Mandatory

Default

repeated

Add a confirmation field

No

false

Range

Allows you to enter a value of type number by selecting it with a slider.

Specific properties

Attribute

Description

Mandatory

Default

repeated

Add a confirmation field

No

false

min

Minimum value

No

0

max

Maximum value

No

100

step

Gap between two values

No

1

Select

Allows you to enter a value by selecting it from a drop-down list.

Specific properties

Attribute

Description

Mandatory

Default

choices

List of available values.

Example : ['Value 1', 'Value 2']

Yes

null

Text

Allows you to enter a text value.

Specific properties

Attribute

Description

Mandatory

Default

repeated

Add a confirmation field

No

false

Textarea

Allows you to enter a multiline text value.

Specific properties

Attribute

Description

Mandatory

Default

repeated

Add a confirmation field

No

false

Time

Allows you to enter a hour value.

Specific properties

Attribute

Description

Mandatory

Default

repeated

Add a confirmation field

No

false

Url

Allows you to enter a value such as a web address.

Specific properties

Attribute

Description

Mandatory

Default

repeated

Add a confirmation field

No

false

Week

Allows you to enter a value that corresponds to a week of the year.

Specific properties

Attribute

Description

Mandatory

Default

repeated

Add a confirmation field

No

false

Last updated