The guide states the things to note, like Admin Access, Custom Code, Notes, APIs, etc.
Admin Rights
Most of the template content is directly pulled from the database. Please do not delete an entire Data Thing unless you are sure of what you are doing. However, feel free to delete any template content you prefer.
For security purposes, this template has limited rights for potential customers. Meaning, you will not be able to use the admin features at its fullest until you purchase the template and enable admin rights.
The restricted elements for clicking are:
- Button "Refund" (transactions)
- Button "Refund" (users)
- Button "Add playlist"
- FeatherIcon "edit category 1"
- FeatherIcon "edit category 2"
- FeatherIcon "edit category 3"
- FeatherIcon "edit category 4"
- Group "category 1"
- Group "category 2"
- Group "category 3"
- Group "category 4"
- Group "random" (for today)
- Group "edit" (for today)
- Group "random" (start now)
- Group "edit" (start now)
- Button "add new meditation"
- Group "edit meditation"
- Group "delete meditation"
To enable these buttons, it is required to grant the template access.
1. First of all, go to Data -> App data -> All Users tab. Select any user you want to grant admin rights to, and click to edit that database entry. Then change the admin field to yes:
Note: Remember to hit the SAVE button.
Now, you will be able to access the admin page.
2. Go to Data -> App data -> All AccessTemplates tab. Click to modify the database entry, and change the access field value to yes:
Note: Remember to hit the SAVE button.
Congrats! You have successfully granted admin rights. Now you can use all the admin page and its features as an admin user.
Also, locate the "Group wrapper" element, and simply delete it:
Stock Photos
This template is using lots of images that have been purchased at https://ui8.net.
Note: To use them, you should purchase them first, or you simply replace them with some other illustrations.
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 imageStyles - used to set styling for images on this page.
admin page:- HTML no scroll - used to remove the page scroll bar.
- Page HTML Header - used to set the same dropdown styling across all browsers.
header reusable element, HTML height 100 - used to make the full 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/.
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.
