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:
Image without caption
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.
Image without caption
3. Set the Admin field to yes:
Image without caption
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.
Image without caption
admin page:
  • HTML styles - Adds visible overflow to the repeating group.
Image without caption
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.
Image without caption
user_page page
  • HTML style - Adds visible overflow to the repeating group.
Image without caption
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.
Image without caption
Feel free to customize the styles, but please note that changing the code may break the described functionality. Strong CSS/Javascript and Bubble skills are 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:
Image without caption

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.
Image without caption

Powered by Notaku