28min

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 userAdmin 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 the userAdmin field value is set no for this particular user.

Under the Data tab click the icon in the Editor, go to the Data Type User and look for userAdmin field with Yes/No boolean type, condition for Yes is set the Admin rights are enabled and user can edit and delete users/classes or manipulate with Fee value from Admin page, however, if No is set the Admin rights are disabled for the user.

Document image

Note: Remember to hit the SAVE button.

The admin dashboard page also has 4 pop-up elements ("Popup User Delete", "Popup User Edit", "Popup Class Delete", and "Popup Class Edit") with admin restriction conditions in place for CTA buttons which lock the actions by making buttons unclickable.

Document image

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. On the dashboard page, find buttons "Yes, Delete" (use the simple search on the page)
Document image

2. Click on the first variant and see this button's Conditions tab, remove this condition from the "Button Yes, Delete" in popup:

Document image



2.1. Click on the second variant and do the same as for above:

Document image

3. On the dashboard page, search for buttons on page "Button Save", again there are 2 of them:

Document image

4. Click on the first variant and see this button's Conditions tab and do the same (remove the condition), same as with "Buttons Yes, Delete" in popup:

Document image

5. Click on the second variant and do the same as for above:

Document image

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. Locate the container Group "wrapper":
Document image

2. And delete it:

Document image

​💻 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:

dashboard page - On this page, there is CSS in the HTML element on-page. The CSS will affect the cursor property for Icon elements with ID = pointer when point over the element and it was done for design purposes.

Document image
Document image

Tip: For more pointer CSS properties check W3Schools: https://www.w3schools.com/cssref/pr_class_cursor.asp​​

class page - On this page, we use the Toolbox plugin, for running the js function to parse and calculate video duration time: https://bubble.io/plugin/toolbox-1488796042609x768734193128308700

Document image
Document image
Document image



instructor_profile page - On this page, we use the Toolbox plugin, for running js function to parse and convert video duration time which comes from Youtube and Vimeo API Connections: https://bubble.io/plugin/toolbox-1488796042609x768734193128308700

Document image
Document image

Note: This js function was created for 2 types of services for both edit and add lesson actions, Vimeo and Youtube to get the video info. See the actions in the API Connections to find out how to set up Video Info actions.

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 on 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 six 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.

class page

Note: The class page uses the default Star Rating plugin, for assigning the rating to courses: https://manual.bubble.io/core-resources/bubble-made-plugins/star-rating

Document image

class-details page

Note: The class-details page uses the default Star Rating plugin, for assigning the rating to lessons/instructor: https://manual.bubble.io/core-resources/bubble-made-plugins/star-rating

Document image

inbox page

Note: The inbox page uses the "URL Router for Navigation" plugin, for creating prettified page URL: https://bubble.io/plugin/url-router-for-navigation-1560465927189x178094058879320060

Document image

profile page

Note: The profile page uses the default Star Rating plugin, for assigning the rating to the instructor when logged in as a student: https://manual.bubble.io/core-resources/bubble-made-plugins/star-rating

Document image

​🗒 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.

Document image

📜 Table of Contents

In order to properly configure the template please read the *required sections of this documentation.



Updated 22 Apr 2022
Did this page help?
Yes
No