App editor
App editor offers a range of templates and design options to help users get started on their app projects quickly and easily.
Last updated
App editor offers a range of templates and design options to help users get started on their app projects quickly and easily.
Last updated
The app editor serves as a centralized workspace where you compile various components, design and execute queries to facilitate interaction with data sources, and ultimately release your applications to users.
The sections below explain the App Studio in detail.
The Toolbar consists of two main components: a top bar located at the top of the screen and a left sidebar that runs along the side of the interface.
Refer the 'Version and release management' page for more details.
Refer to this page for more details on Data Browser
Refer to this page for more details on General App Settings
Refer to this page for more deails on Layers
The main focus of the editor is the canvas where you can visually design and preview the user interface of your app. By dragging and dropping various components onto the canvas, you can customize the layout and appearance of your app.
Additionally, you can connect these components to data sources and event handlers to enhance the functionality of your app. This process allows you to create a visually appealing and robust application.
At the lowermost part of the page, two main sections make up this specific area. On the left side, there is the query list, which is divided into Queries and Metadata sections. On the right side, there is the query settings, which includes tabs for General, Notification, and Advanced settings.
This section serves as a platform for users to generate queries that allow them to interact with different data sources effectively.
Queries link data sources to your apps and perform CRUD (create, read, update, and delete) operations on data sources.
Refer to Data Queries for more information.
The area where you can find the component and property pane is situated towards the right side of the window. To add components to your project, simply drag them from the Insert tab onto the canvas. You can then customize the properties of these components by accessing the Properties tab.
When the user clicks on a widget within the canvas, the Properties tab will immediately become active. This tab will then show all the relevant properties and styles associated with the selected component.
Refer to this page for more details on Widget Library
You can select the choice to display either the design layout or the logic section of the application. Alternatively, you can choose to display both options simultaneously.
the application with other members or groups by granting them specific access rights. This feature allows users to collaborate and work together on projects closely. It ensures a secure and efficient way of sharing information and resources among team members.
Before finalizing the app, it is important to review the app which can be done using the 'Preview' mode and release it to the public using the 'Publish' feature. It is also beneficial to track and analyze the modifications made to the app over time that are accomplished using the 'History' tool.
Toggle the visibility of the data browser, allowing users to easily display or conceal the dataset for better organization and navigation.
Display or conceal the overall application configuration options. Customize the visibility of key settings within the app for a personalized user experience.
You can choose to display or conceal the dynamic layers window, which allows users to easily access and review the basic properties and styles of widgets through a quick preview.
Display or hide the "Errors and logs" section, that records issues or problems within the app. This process involves identifying, documenting, and tracking various types of errors that may occur during program development.
