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 |
|
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 |
|
multiple | Activate multiple select | No |
|
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 |
|
Datetime
Allows you to enter a date and time value.
Specific properties
Attribute | Description | Mandatory | Default |
repeated | Add a confirmation field | No |
|
Email
Allows you to enter a value such as an email address.
Specific properties
Attribute | Description | Mandatory | Default |
repeated | Add a confirmation field | No |
|
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 |
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 |
|
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 |
|
min | Minimum value | ||
max | Maximum value | ||
step | Gap between two values |
|
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 |
|
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 |
|
Number
Allows you to enter a decimal number value.
Specific properties
Attribute | Description | Mandatory | Default |
repeated | Add a confirmation field | No |
|
min | Minimum value | No | |
max | Maximum value | No | |
step | Gap between two values | No |
|
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 |
|
Phone
Allows you to enter a value of type telephone number.
Specific properties
Attribute | Description | Mandatory | Default |
repeated | Add a confirmation field | No |
|
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 |
|
min | Minimum value | No |
|
max | Maximum value | No |
|
step | Gap between two values | No |
|
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 |
|
Text
Allows you to enter a text value.
Specific properties
Attribute | Description | Mandatory | Default |
repeated | Add a confirmation field | No |
|
Textarea
Allows you to enter a multiline text value.
Specific properties
Attribute | Description | Mandatory | Default |
repeated | Add a confirmation field | No |
|
Time
Allows you to enter a hour value.
Specific properties
Attribute | Description | Mandatory | Default |
repeated | Add a confirmation field | No |
|
Url
Allows you to enter a value such as a web address.
Specific properties
Attribute | Description | Mandatory | Default |
repeated | Add a confirmation field | No |
|
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 |
|
Last updated