The guide states the things to note, like Admin Access, Custom Code, Notes, APIs, etc.
Admin Rights
For security purposes, the template has limited rights for demo users. It means that you will not be able to use the admin features to the fullest until you will not buy this template and enable the functionalities.
Below you could see the popup which appears for locked features:
In order to grant the admin rights, follow the instructions below:
1. Go to Data -> App data -> All Users tab.
2. Select any user you want to grant the admin rights to, and click the ✏️ icon to edit the database entry.
3. Set the
Admin field to yes:
Note: Remember to hit the SAVE button.
Congrats: You have successfully granted admin rights. Now you can use all admin page features as an admin user.
Custom Code
On certain pages, there are some HTML elements used for some solutions that are not available by default. You can find these codes on the following pages:
index page: - HTML style - Adds visible overflow to the repeating group.
admin page: - HTML styles - Adds visible overflow to the repeating group.
u page- HTML styles - this reusable element is composed of 7 blocks (separated by {}), each ensuring a certain feature:
- 1st block adds visible overflow to the repeating group.
- 2nd block gives popup positioning and styling.
- 3rd block - Automatic element width.
- 4th block - Cosmetic styling of the element.
- 5th block - Cosmetic styling of the element.
- 6th - Automatic element width.
- 7th - Element positioning and styling.
user_page page- HTML style - Adds visible overflow to the repeating group.
Header User Logged In reusable element- HTML style - this reusable element is composed of 3 blocks (separated by {}), each ensuring a certain feature:
- 1st block - Styling a container inside a notification repeating group with automatic height.
- 2nd block - Styling a notification repeating group with automatic height.
- 3rd block - Styling a group with automatic height.
Feel free to customize the styles, but please note that changing the code may break the described functionality. Strong CSS/Javascript and Bubble skills recommended.
For all things Bubble check: https://manual.bubble.io/.
For CSS/Javascript check: https://www.w3schools.com/.
Hidden Design Elements
Tip: Initially, on some pages, design elements in Bubble Editor might be hidden.
Here is an example of how to unhide 👀 them:
Plugins
In this section, we describe additional plugins used on template pages for different purposes.
Zeroqode Air Native plugin
Note: This template has Zeroqode Air Native plugin installed. With the plugin you will be able to integrate all the native features into your Bubble app: Touch ID & Face ID, Push Notifications, Camera & Gallery Access, and many others.
To be able to use all the native features, the plugin needs to be purchased (one-time payment or a monthly subscription) via Bubble’s marketplace.
The Air Native plugin allows you to implement the native features within your Bubble editor, but in order to convert the Bubble app into native Android and iOS, it is required to use the Air Native service.
If you do not want to use it, simply remove the plugin from the template.
Zeroqode Air Bundle plugin
Note: This template has Zeroqode Air Bundle plugin installed. It contains the ten most commonly used and complex plugins that will easily extend your application.
To be able to use it, the plugin needs to be purchased (one-time payment or a monthly subscription) via Bubble’s marketplace.
If you do not want to use it, simply remove the plugin from the template.
Embedded Notes in Bubble Editor
This template comes with explicit Notes for Database fields, Option sets and their fields, and Privacy rules, which will guide you with the modification process.
In order to preview a Note of any data type or field, click on the 💬 icon.
