Components
Iteria Low-Code allows you to add/remove components to your pages. Componens can be generated from API scheme and templates.
Adding fields - Relationships
Array / Object relationships (Hasura Terminilogy) wizzard has similar behavior to Generate Page.
| User manual (steps) | Screenshot | Description |
|---|---|---|
| 1. Click Floating action button |  | Find button in bottom left corner of the page. |
| 2. Choose Add field |  | No need to edit all components and queries because we can generate/modify code. |
| 3. Choose template |  | We clone and rename template source code files according to entity fields. |
| 4. Choose entity fields |  | Fields are chosen automaticaly but the user can add/delete fields. |
| 5. Confirm |  | User can validate generated response and pressing confirm button will write the files. |
| 6. Generated page and menu item |  | Component will appear automaticaly on the page |
Adding fields - Primitive
| User manual (steps) | Screenshot | Description |
|---|---|---|
| 1. Click Floating action button | | Find button in bottom left corner of the page. |
| 2. Choose Add field | | No need to edit all components and queries because we can generate/modify code. |
| 3. Choose template | | We clone and rename template source code files according to entity fields. |
| 4. Choose entity fields | | Fields are chosen automaticaly but the user can add/delete fields. |
| 5. Confirm | | User can validate generated response and pressing confirm button will write the files. |
| 6. Generated page and menu item | | Component will appear automaticaly on the page |
Demo Videos
| User manual (steps) | Video | Description |
|---|---|---|
| Add Field Demo |  | |
| GraphQL Query Demo |  |
Removing fields
Selecting Delete tool from Tippy Actions on hovered datagrid header on list page or input on detail page deletes that particular field from GraphQL query and refreshes the page.
| User manual (steps) | Screenshot | Description |
|---|---|---|
| 1. Move mouse over a component |  | |
| 2. Click edit mode |  | |
| 3a. Delete input example |  | Deleting particular field now works only when hovering input field, in future we will support more ways to delete fields (hovering input container/label). |
| 3b. Delete input example |  | Deleting particular field now works only when hovering datagrid header, in future we will support more ways to delete fields. |