Things to Note

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

Stock Photos

This template is using lots of images that have been purchased at
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.
Image without caption
admin page:
  • HTML no scroll - used to remove the page scroll bar.
Image without caption
  • Page HTML Header - used to set the same dropdown styling across all browsers.
Image without caption
header reusable element, HTML height 100 - used to make the full 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 recommended. For all things Bubble check:Β For CSS/Javascript check:Β

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