Import Interface - It will download/export the current interface on the user’s computer.
Export Interface - Select a UI from the user’s computer to upload.
Add a new interface - The window will allow the user to select and create a new UI or modify an existing one.
Folder - System organizes the UIs/fragments to folders automatically
Edit Interface - Will allow the user to modify an existing Aurachain Interface
Live Test - Basically, this is the preview mode for the user’s UI. However, this option won’t go through all of his app’s UI. Just this current one.
Remove - By clicking on the bin icon, the user will be able to remove an Aurachain Interface
This is the section where all the components that will be used in building a user interface reside. These are objects that help you organize information. This is also the home of inputs which are elements that allow the app-maker to gain information from end-users, and the end-user to interact with the app.
Note: Depending on the type of element you add, Attributes can have more or fewer customization options.
Here fields can be mapped to an attribute from the data model and saved in a different one as per business requirements.
Note: In both Get and Save we add the corresponding attribute from the Data Model.
It will require the app maker to insert a validation method through coding.
Another task for the app maker to write code for specific needs - if a field should be visible or not, and when that field should be visible or not.
Insert the text that will appear when you hover the mouse over the object.
Add icons to your objects to better identify them.
You can choose the color of your icons.
Write commands in a coding language (e.g. calculations, limitations, etc.) to be executed further in the UI, which are to be validated in various moments, such as:
on Task initiation (onInit)
when taking a decision (onChange, onSave, onSubmit, onClick)
or when the system fills in certain data on behalf of the user
Unique identifier for the user interface defined by the user
Short name used to identify the user interface when configuring an application
Business description with UI purpose
Basically, this is the preview mode for your UI. However, this option won’t go through all of your app’s UI. Just this current one.
Select the color accent used for the UI
This section will hold all the elements and components used in the user interface. It is a flexible container object, designed to store hierarchical data structures in memory. The type can be described as a cross between a list and a dictionary.
From this section, a user is able to delete unwanted components of the UI, selecting them one by one, simply by clicking on the bin icon.
Data Model Mappings
This section will hold all the Data Model attributes mapped to their designated UI components from the user interface.