This guide states the things to note like Admin Access, Custom Code, Notes, Paid API and others.

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 SuperAdmin rights. If you want to make someone a SuperAdmin, you'll have to change the field UserType within the User datatype to SuperAdmin. After you do that, this user will have access to the overview option to modify data inside the dashboard page.
Under the Data tab click the icon in the editor, go to the Data Type User, and look for UserType field and choose the SuperAdmin value. When this is set the SuperAdmin rights are enabled for this user can manage site features including editing/deletion, changing Fee values, and switching between paid or free plugins (Stripe vs Stripe Marketplace used for payments and HTML Map vs MapBox used for route) from admin page.
Image without caption
Note: Remember to hit the SAVE button.
The restricted elements action on this page are:
  • 2x Button "Edit"
If you have already purchased the template, you can simply delete the following Only when condition for the element in order to gain full access to dashboard features.
  1. On the page find the button "edit" and click on Start workflow:
Image without caption
2. Select the "edit" button and look for the condition which restricts the action:
Image without caption
3. Remove the conditions from these actions
4. 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. Locate the container Group "alert Demo":
Image without caption
2. And delete it:
Image without caption

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:
driver page - there is CSS in the HTML element on-page. The HTML loading animation element has CSS and will add pleasant loading animation in pop-up new ride found.
Image without caption
Image without caption
On this page, HTML Map element has Script/CSS that will draw the route on the map by adding origin and destination points using geographical addresses pulled from the database.
💡
Tip: The styling attributes reference taken from Google documentation - https://developers.google.com/maps/documentation/maps-static/style-reference?hl=en
Image without caption
On this page there is HTML Tag <href> in the HTML element on-page. HTML tag href attribute specifies the URL of the page the link goes to. The mobile devices will recognize the phone number and engaging the link will initiate a phone call.
Image without caption
rider page - On this page, you see HTML/CSS code attached in the Page HTML header. #blur applies style for the Group "preloader" by blurring the background.
Image without caption
On this page, HTML Map element has Script/CSS that will draw the route on the map by adding origin and destination points using coordinates from input values.
💡
Tip: The styling attributes reference taken from Google documentation - https://developers.google.com/maps/documentation/maps-static/style-reference?hl=en
Image without caption
On this page there is HTML Tag <href> in the HTML element on-page. HTML tag href attribute specifies the URL of the page the link goes to. The mobile devices will recognize the phone number and engaging the link will initiate a phone call.
Image without caption
On this page HTML animation for the free map has CSS and will add pleasant loading animation after the rider starts the search for a ride on the map.
Image without caption
Note: There are additional HTML elements with the same snippet used search loading animation for Mapbox Plugin alternative.
admin page - On this page, you see HTML/CSS code attached in the Page HTML header. #customDropdown ID applies to the dropdown elements in order for them to have a pleasant cross-browser look by adding padding.
Image without caption
Image without caption
login_signup page - On this page, there is HTML element on-page. The HTML is used for CSS - #hero - makes the page height adapt to the viewport - used on Group background Image #herox - makes the page height adapt to the viewport - used on Group gradient #blur - applies a blur filter to the background- used on Group log in/Group sign up
Image without caption
Image without caption
reset_pw page - On this page, there is HTML element on-page. The HTML is used for CSS - #herox - makes the page height adapt to the viewport - used on Group gradient #blur - blurs the bg - used on Group Content
Image without caption
Rider_history reusable element - This reusable element, has a HTML Tag <href> in the HTML element on-page. HTML tag href attribute specifies the URL of the page the link goes to. The mobile devices will recognize the phone number and engaging the link will initiate a phone call.
Image without caption
Driver_history reusable element - This reusable element, has a HTML Tag <href> in the HTML element on-page. HTML tag href attribute specifies the URL of the page the link goes to. The mobile devices will recognize the phone number and engaging the link will initiate a phone call.
Image without caption
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.

admin page

Note: On this page, there is a default Bubble Charts plugin: https://manual.bubble.io/core-resources/bubble-made-plugins/chart.js to display platform revenue visually on a chart.
Image without caption
Note: On this page, under the Overview Tab as application owner there is the functionality to toggle between Paid Stripe Plugin and Paid Map Plugin by activating or deactivating them.
If you do not want to use them, simply remove the plugins from the template by uninstalling and unsubscribing.
Image without caption

driver page

Note: On this page, there is Mapbox plugin, used to draw a map and display the route from origin to destination: https://zeroqode.com/plugin/mapbox-maps-1528977923342x484968448273940500 This plugin is paid premium Zeroqode plugin. In order to use it, you'll need to subscribe or purchase it. (Optional)
Image without caption
Note: On this page, there is the Countdown plugin, used as a countdown timer for different actions (Arrival, onStart): https://bubble.io/plugin/countdown-1564346312331x151935294257758200
There are 3 plugin elements placed on the page, in different container elements.
Image without caption
Note: On this page, there is the Stripe Marketplace plugin, used as the payment processor for the driver to create a seller account to receive funds: https://zeroqode.com/plugin/1-stripe-marketplace-express-1579425168812x906283616713048000
This plugin is paid premium Zeroqode plugin. In order to use it, you'll need to subscribe or purchase it.
Image without caption

rider page

Note: On this page, there is the Mapbox plugin, used to draw a map and display the route from origin to destination: https://zeroqode.com/plugin/mapbox-maps-1528977923342x484968448273940500
This plugin is paid premium Zeroqode plugin. In order to use it, you'll need to subscribe or purchase it. (Optional)
Image without caption
Note: On this page, there is the default Star Rating plugin, for displaying driver rating and rating driver after ride is finished: https://manual.bubble.io/core-resources/bubble-made-plugins/star-rating
There are 3 elements placed on the page, in different container elements
Image without caption
Note: On this page, there is the AirDate/TimePicker plugin, used for the new driver account creation process: https://bubble.io/plugin/air-datetime-picker-1495642567089x595986733356023800
Image without caption
Note: On this page, there is the Countdown plugin, used as a countdown timer for different actions (Arrival, onStart): https://bubble.io/plugin/countdown-1564346312331x151935294257758200
There are 4 plugin elements placed on the page, in different container elements.
Image without caption
Note: On this page, there is the Stripe Marketplace plugin, used as the payment processor for the rider to add CC and pay for the ride: https://zeroqode.com/plugin/1-stripe-marketplace-express-1579425168812x906283616713048000
This plugin is paid premium Zeroqode plugin. In order to use it, you'll need to subscribe or purchase it. (Optional)
Image without caption

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.

Embedded Notes in Bubble Editor

This template comes with explicit notes for Data types and their fields, Option sets and their fields, and Privacy rules, which will guide you through the modification process.
In order to preview a Note of any data type or field, click on the chat icon.
Image without caption

Helpful?