Plugins
Templates
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. If you want to make someone an admin, you'll have to change the field admin within the User datatype to yes. After you do that, this user will have the ability to modify data inside the dashboard page. If a non-admin user accesses the admin page, he will not be able to do any manipulations because of the conditions on edit/delete actions, when theadminfield value is setnofor this particular user.
Under the Data tab click the icon
in the Editor, go to the Data Type User and look for admin field with Yes/No boolean type, condition for Yes is set the Admin rights are enabled and user manage the platform, by creating/editing or deleting users, activities, or popular locations data and see transactions and platform testimonials from the admin page, however, if No value is set the Admin rights are disabled for the user.
Modify Admin field to grant admin rights
Remember to hit the Save button.
The admin page also has 8 pop-up elements ("Popup testimonialsEditCreate", "Popup userEditCreate", "Popup deleteUser" , "Popup deleteActivity", "Popup locationEditCreate", "Popup createEditActivity", "Popup deleteTestimonials" and "Popup deleteLocation" ) with admin restriction conditions in place for CTA buttons which lock the actions by making buttons unclickable.
Button Save with Admin Restriction condition
Tooltip message about CTA button Delete can not be clicked
If you have already purchased the template, you can simply delete the following Conditional of these elements in order to gain full access to dashboard features:
  1. 1.
    On the admin page, find buttons "Save" and "SaveActivity" (use the search feature on the page)
Find on Page buttons Save
2. Click on the first variant and see this button's Conditional tab, remove this condition from the respective "Button Save" in all related popups:
Save button with Admin Restriction condition
Note: Check other variants of the Save and SaveActivity buttons to remove this condition in order to access the action.
3. On admin page, search on-page for "Button Save", there are 4 of them:
Find on Page buttons Delete
4. Click on the first variant and see this button's Conditional tab, remove this condition from the respective "Button Delete" in all related popups:
Delete button with Admin Restriction condition
Note: Check other variants of Delete buttons to remove this condition in order to access the action.
5. Complete. After these changes, you can check the on-page the respective actions.
Congrats! You have successfully granted admin rights. Now you can use all the admin page and its features as an admin user.
Also, delete the warning group that says to check the template's documentation:
  1. 1.
    Locate the container Group "alert Demo":
admin page: Group "alert Demo" (design)
2. And delete it:
admin page: Delete Group "alert Demo" (design)
admin page: Deleted Group "alert Demo" (design)

​
πŸ’»
Custom Code

​index page - On this page, there is CSS in the HTML element on-page. The CSS will affect the style of the dropdown element with ID = dropdownS and it was done for design purposes.
HTML Element on Page with CSS
Dropdown Element with ID attribute
​becomeaninstructor page - On this page, there is CSS in the HTML element on-page. The CSS will affect the style of the dropdown element with ID = dropdownS and it was done for design purposes.
HTML Element on Page with CSS
Dropdown Element with ID attribute
​instructor_profile page - On this page, there is CSS in the HTML element on-page. The CSS will affect the style of the dropdown element with ID = dropdownS and it was done for design purposes.
HTML Element on Page with CSS
Dropdown Elements with ID attribute
​listing page - On this page, there is CSS in the HTML element on-page. The CSS will affect the style of the dropdown element with ID = dropdownS and it was done for design purposes.
HTML Element on Page with CSS
Dropdown Elements with ID attribute
​search page - On this page, there is CSS in the HTML element on-page. The CSS will affect the style of the dropdown element with ID = dropdownS and it was done for design purposes.
HTML Element on Page with CSS
​header reusable element - This reusable element has CSS in the HTML element on-page. The CSS will affect the style of the dropdown element with ID = dropdownS and it was done for design purposes.
HTML Element in reusable with CSS

backend workflows

On backend workflow in the facebook_delete webhook event, there is server-side script action in steps 1 and 3, which are triggered when the user deletes this linked application from Facebook. After that, the created webhook will delete the user's profile data from the database
Backend workflow server action for facebook account deletion from application
Backend workflow server action
Note: 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/.

​
πŸ”Œ
Plugins

In this section, we describe additional plugins used in templates for different purposes.

admin page

Note: The admin page uses the Search&Autocorrect plugin for searching through users field in the database and display the values on page: https://bubble.io/plugin/search--autocorrect-1515542335452x628730204959539200​
There are 2 elements placed on the page, one for desktop view and the second one for mobile view.
Search and Autocorrect plugin element for desktop view
Search and Autocorrect plugin element for mobile view
​

becomeaninstructor page

Note: The becomeaninstructor page uses the default MultiSelect Dropdown plugin by Bubble that lets users select from a list in a dropdown menu on page: https://manual.bubble.io/core-resources/bubble-made-plugins​
Muti dropdown plugin element select from a list of items

bookings page

Note: The bookings page uses the default Star Rating plugin, for assigning the rating to the lesson which user has taken: https://manual.bubble.io/core-resources/bubble-made-plugins/star-rating​
Star Rating plugin used on bookings page for rating the lesson

instructor_profile page

Note: The instrutor_profile page uses the default MultiSelect Dropdown plugin by Bubble that lets users select from a list in a dropdown menu on page: https://manual.bubble.io/core-resources/bubble-made-plugins​
Muti dropdown plugin element select from a list of items
Note: The instructor_profile page uses the default Star Rating plugin, for assigning the rating to a listing: https://manual.bubble.io/core-resources/bubble-made-plugins/star-rating​
Star Rating plugin used for rating a lesson
Note: The instructor_profile page uses the default Calendar plugin, for displaying events from the database: https://manual.bubble.io/core-resources/bubble-made-plugins​
Calendar plugin used to set availablitty by instructor

listing page

Note: The listing page uses the default MultiSelect Dropdown plugin by Bubble that lets users select from a list in a dropdown menu on page: https://manual.bubble.io/core-resources/bubble-made-plugins​
Muti dropdown plugin element select from a list of items
Note: The listing page uses the default Star Rating plugin, for assigning the rating to a listing: https://manual.bubble.io/core-resources/bubble-made-plugins/star-rating​
There are 2 plugin elements on the page.
Star Rating plugin used for rating a listing
Note: The listing page uses the default AddToAny plugin, for sharing page to social media: https://manual.bubble.io/core-resources/bubble-made-plugins/addtoany-share-buttons​
AddToAny plugin element used to share to social media
Note: The listing page uses the default Calendar plugin, for displaying events from the database: https://manual.bubble.io/core-resources/bubble-made-plugins​
Calendar plugin used to set availablitty

profile page

Note: The profile page uses the default Star Rating plugin, for assigning the rating to a listing: https://manual.bubble.io/core-resources/bubble-made-plugins/star-rating​
There are 3 plugin elements on-page.
Star Rating plugin used for rating a listing
Note: The profile page uses the default AddToAny plugin, for sharing page to social media: https://manual.bubble.io/core-resources/bubble-made-plugins/addtoany-share-buttons​
AddToAny plugin element used to share to social media

profile_for-signup page

Note: The profile_for-signup page uses the default Star Rating plugin, for assigning the rating to a listing: https://manual.bubble.io/core-resources/bubble-made-plugins/star-rating​
Star Rating plugin used for rating a listing

search page

Note: The search page uses the default Star Rating plugin, for assigning the rating to a listing: https://manual.bubble.io/core-resources/bubble-made-plugins/star-rating​
Star Rating plugin used for rating a listing

wish_list page

Note: The wish_list page uses the default Star Rating plugin, for assigning the rating to a listing: https://manual.bubble.io/core-resources/bubble-made-plugins/star-rating​
Star Rating plugin used for rating a listing

​
πŸ—’
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.
Bubble Notes

​
πŸ“œ
Table of Contents

In order to properly configure the template please read the *required sections of this documentation.
Last modified 3mo ago