Comment on page
Canvas pages are ones in the app that you can customize according to your vision for your app. They empower you to design and create unique pages tailored to your app's specific needs. Whether you want to showcase additional information or add specialized functionality, canvas pages offer endless possibilities.
In this guide, we will walk you through the steps to effectively work with canvas pages in Starion.
To add a new canvas page to your app, follow these steps:
- Click the "+" button in the App Editor.
- Choose "Custom page"
- Configure the page's settings: the page's name and icon on the menu bar, hiding it or not on the main menu bar, and the page's badge number configuration.
- Click the "Save" button and start designing it.
"Page Cover" is placed on the top of your page, and allows you to create a visually captivating introduction to your custom page with images, videos, and map view on Google.
You can add the media files in 2 ways: adding their URLs separated by commas, and uploading them directly from your local device.
"Page cover" helps you to make a good first impression and set the tone for the content and experience that follows.
A custom page is composed of components that represent information. To add a component to your detail page, drag and drop it from the Library into the component box at the top of the page.
The components fall into two categories: general components and control components. General components are read-only and display information such as charts, labels, and barcodes. Meanwhile, control components enable user interaction, allowing actions like button clicks or slider adjustments.
Explore all the components by scrolling through the library, or you can get even the preview and detailed guide to their settings here:
Drag the components up & down within the list of added ones to arrange them according to your preferences.
To remove a component, right-click on it within the component box and select "Delete".
However, you also have the option to temporarily hide components from the user's view. Just click the eye icon next to the component.