Top Toolbar
Last updated
Was this helpful?
Last updated
Was this helpful?
The Top Toolbar contains all the controls for the Page Builder. In the image below, the Top Toolbar appears at the top of the page and has a solid line around it.
On this page, we'll go through each part of the top toolbar, from left to right.
The Page Selector allows you to navigate between the pages in your app. When you open the dropdown, you'll see each page within your app. Selecting the page will open it in your canvas.
The Device Size Selector lets you see how your app will look on multiple devices, including mobile phones, tablets, laptops, desktops, wide desktops, and 4K. By default, Appeggio generates fully responsive components and pages that will do the right thing based on the user's screen. This includes adapting the way some parts work, like the main menu, which will switch to a burger-menu style when viewed on a mobile phone.
The rightmost icon will always set the display size to best fit your device to view the Page Builder.
The Edit Menu provides all the standard editing functions you would expect from a spreadsheet or word processor tool. Undo, Cut, Copy, Paste, Paste Special, Duplicate, and Delete, plus two additional functions: Move Left and Move Right.
Move Left and Move Right are used to move a selected part within a group of parts, such as list items in a menu. If the group is horizontally aligned, the part will move one position left or right, but if the group is vertically aligned, the part will move one position up or down.
Most edit functions have a keyboard shortcut that keeps to generally accepted standards.
The Show and Hide the Data Repeat Navbar button toggles on and off the Data Repeat Navbar associated with any parts on the screen that have been repeated based upon the contents of a database table.
In the example below, the contents of the card row are from a database table. Clicking on the "Show/Hide data repeat" button adds a row about the data to show exactly which parts on the page are sourced from data.
The role selector allows you to display the page as it would be seen if a user with the selected role were logged in, quickly enabling you to test your app's behavior without leaving the Page Builder.
It is possible to restrict access to individual parts or pages of an app using Roles and the Visibility Property. This may be because you want to have restricted content behind a login, or restrict certain functions to an administrator role, etc.
There are six role types available in Appeggio.
Anonymous (Visitor)
Registered User
Administrator
Editor Administrator
Super Administrator
Owner Administrator
Level 1, Anonymous, has the least privileges, and every level above that can be given additional privileges.
Within the visibility settings, you can set parts, pages, functions, or processes to only be visible to a certain role type or all roles above or below a role type (inclusive).
For example, you would want a Registered user to still be able to see everything an anonymous user could see.
When you create a new page, you can set the page visibility by role type, by default it will be Visitor (anonymous).
The Show menu toggles optional items or components, like error messages, on and off, quickly allowing you to test your app's behavior without leaving the Page Builder.
The help, save, and publish buttons are located on the far right of the Top Toolbar.
The Help button will open the Appeggio help screens in a new browser tab.
Like many cloud-native applications, Appeggio automatically saves your work every three minutes, but clicking Save forces an immediate save to occur.
The Publish button launches the Publishing Wizard, allowing you to publish your app to a custom domain https://yourdomain.com, the Apple iOS App Store, or the Android .
