The Designer
Building Blocks of MINTDATA™
The MINTDATA™ interface is made up of three main blocks:
- Surface — This is where you create and manage the user interface (UI).
- Spreadsheet — This is where you define the behavior of your application.
- Flow Editor — This is where you define the data flow for your application.
From the main toolbar, you can show/hide the blocks and their panels as well as preview, publish your app, and navigate to Workspace.
Main Toolbar
![Figure 1. Main Toolbar. Main_Toolbar](https://cdn.mintdata.com/docs/user-guide/the-interface/Main_toolbar_v1_@2x.png)
The main toolbar contains the following buttons:
Button | Description |
---|---|
![]() | Go to Workspace |
![]() | Show/Hide the Outline panel |
![]() | Preview the application |
![]() | Publish the application |
![]() | Show/Hide the Properties panel |
![]() | Show/Hide the spreadsheet |
Surface
![Figure 2. Surface Surface](https://cdn.mintdata.com/docs/user-guide/the-interface/Surface_v3_@2x.png)
Surface contains the following panels:
- Outline panel - Where you can manage Pages, Outline, and Components.
- Viewport - Displays the visual part of your application.
- Properties panel - Where you set options such as Overlay, Position, Layout of Children elements.
Spreadsheet
![Figure 3. Spreadsheet Spreadsheet](https://cdn.mintdata.com/docs/user-guide/the-interface/Spreadsheet_v1_@2x.png)
Spreadsheet Topbar
![Figure 4. Spreadsheet Topbar Spreadsheet Topbar](https://cdn.mintdata.com/docs/user-guide/the-interface/Topbar_v3_@2x.png)
Spreadsheet Toolbar
![Figure 5. Spreadsheet Toolbar Spreadsheet Toolbar](https://cdn.mintdata.com/docs/user-guide/the-interface/Spreadsheet_toolbar_v1_@2x.png)