Quickstart
1. Create a Project
Go to https://app.u-code.io/login.
Login Click the Register button to create a new account.
Register button Fill in the required information:
Register panel
1.Name of the Company 2.Email 3.Login 4.Password 5.Register with Google button 6. Click the Register button to complete your registration.
2. Create a Table
Navigate to the folder you just created.
Click the +Create button within the folder.
Select the Create Table option.
Fill in the following information:
Table Name: Type a label for your table.
Key: Generate a key for your table.
Login table: Table will be used when users login
Cache: Cache table data
Soft delete: Table rows will be hidden from used but will exist in database when deleted
Sort: Table data will be sorted automatically, but users can change it
Click Save to finalize the table creation.
3. Create a Field
Click the + button within the table.
Choose the Text Field option.
Provide a Label for the text field.
Click the Add Column button to add the field to your table.
Select your menu item ( ex: content ) you created
Select “Columns” drop down menu
Switch “All” columns
Click “+” button to add an item
In appeared row add your item details as in Exel Sheets
Click “✅” button at the end of the columns list
4. Create a Relation
To create a new Relation, follow these steps:
Step.1 Go to the table and click the settings button on the top right corner.
Step.2 Select the 4th section, “Relation”.
Step.3 If you have already created a relation, it will appear in the table. Otherwise, click the “+Add” button.
Step.4 A form with 6 fields will appear, which you need to fill out:
Label from: Label display in current table layout .
Label to: Label display in connected table layout.
Table from: The table which data will be taken (this is automatically selected).
Table to: The table you are relating to.
Relation type: The type of relation (e.g.,M2O, M2M).
View fields: Choose which fields will be displayed.
There are also two checkboxes to consider:
Disable edit table: Prevents edits to the table.
Enable multi-language: Enables support for multiple languages.
This all falls under the Schema section.
Step.5 In addition, there’s an Additional section with four checkbox options:
• Disabled - if user enable “Disabled”, this function disables the relation for the selected field, preventing any further interaction or association with that field.
• Default editable - This checkbox in the relation section determines whether the related field is editable by default. Enabling it allows users to modify the related data directly, while disabling it restricts editing permissions.
• Creatable - If user enable ‘Creatale’, when enabled, automatically generates a ‘Create’ button during search operations. If the user searches for an item (e.g., a client) that does not exist in the current table (such as the product table), the “Create” button will appear. Selecting this button redirects the user to the appropriate table (e.g., client table), enabling them to add the new item directly.
• Relation button -This option determines whether a button is displayed to access or manage the related data. Enabling it allows users to quickly navigate to or interact with the associated items in the related table.
Step.6 There’s an Auto-filter section for applying filters automatically.
Last updated