Main interface
Design, build, maintain, and scale your app using the editor included with Zero One. The editor will be built using the tabs shown here.
Header tools
Book a support call
You can leave a request for our support team to have a contact with you. You need to select available date and time. Our team will help you with questions or problems you faced using TheZeroOne tools.
Update, Change log
You can see changes that was applied after updates. Here you can see if new features has been added and small tips how to use them.
Help menu
Here you can see following:
Book a support call
Join webinar
How to use Videos
How to use Articles
Documentation
Forum
Launch interactive guide
Issues
If there are errors you made during creation of your application, they will be shown here. You can click an issue to redirect to exact element or setting.
Saving / Saved
This indicator shows that changes you made has been saved or in saving process.
Undo / Redo
You can revert changes you made using Undo button or ctrl+z / cmd+z keyboard shortcuts.
You can repeat changes that were reverted using Redo button or ctrl+shift+z / cmd+shift+z keyboard shortcuts.
Save points
A save point can be used to restore project to a state that your app were in that particular moment.
To create a save point click on Development button, select Create save point, name it and save it.
To load from a save point click on Development button, click History and select a savepoint using revert to this time button.
Environment
When working on your app in ZeroOne you can have two different environments, Development and Live. Separate environmet is beneficial when you need to change something in your app and test how it looks like, but you dont want end-users see intermediate result.
To switch between environments click Environment button, then in environment list select the one you want to switch.
Deploy to live
If you want to push changes you made in Development environment to Live you need to be in Development environment first.
To Deploy, first click Environment button, then click Deploy current version to live, give new deployment a name and, if needed, copy database, storage or settings, then press OK button.
Export
If needed, you can Export your project as a template. This is used when you wanna create multiple apps based on similar structure or having same style. To do so, click Export button, give it a name, add Preview image, write description if you need, and click OK button.
Preview
Using this button you can go to your app page, like as you were an end user. If you are in Development environment - you will be redirected to your-app-name.dev.app.thezeroone.io. But if you are on Live environment you will be redirected to your-app-name.app.thezeroone.io without dev. The page you will be redirected to is the page you are on editor now.
e.g. If you are editing Home page of your app in Development environment, then you'll be redirected to https://your-app-name.dev.app.thezeroone.io/
Left side tabs
Page editor tab
On the Editor tab, design the look of your app here. Draw an element on the page and drag it to resize and adjust the design.
To add a new element, drag and drop the element into the page from the palette on the left to insert it. Clicking on an element will bring up the property editor on the right and allow you to edit it. Also, if you right-click the element, "Copy", "Cut", "Paste", and "Delete" will be displayed, and you can easily edit it.
Style tab
The Style tab allows you to change the default style of the element. The element set here reflects the initial setting set here when dragging and dropping from the palette of the editor.
Widget tab
On the Widgets tab, you can change the style defaults here with the elements combined. The element set here can be selected from "Custom" in the editor palette.
Responsiveness tab
On the Responsiveness tab, set the responsive settings. Responsive design allows you to take advantage of breakpoints to change the look of your pages and components depending on your screen size.
Typography tab
The Typography tab allows you to define a default formatting style for all text used in your project.
Database tab
The Data tab allows you to view and modify the data structure. You can see the various data types and fields used in your application. The actual data is displayed in "App data".
Storage tab
On the Storage tab, you can upload, update, and manage image files within Zero One.
Variables tab
The Variables tab allows you to create and edit variables globally, on a widget-by-page basis.
Workflow tab
The Workflow tab allows you to create and edit workflows globally, widgets, and page by page. In the workflow, it is mainly used to set the login process, database related process, and process such as moving between pages.
Backend Workflow tab
On the Backend Workflow tab, you can link Web services together, and by combining triggers and actions, you can build various workflows without programming.
Translation tab
On the [Translation] tab, set the language of the error sentence displayed in Zero One.
Settings tab
On the [Settings] tab, you can set the favicon and the language in the editor.
Last updated