This 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 a menu option called admin in the drop menu that reveals itself if you click the avatar in the header. If a non-admin user accesses the admin page, he will not be able to do any manipulations because of the condition on page load that sends this user to index if the field
Admin value is no for the particular user.Under the Data tab click the icon on 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 the user can edit and delete from the Admin page, however, if No is set the Admin rights are disabled for the user.
Note: Remember to hit the SAVE button.
Here is the instruction of what you should do to remove those limitations, after the template installation: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:
- On the admin_dashboards page, find Groups "edit", "delete", "editProfile" and "DeleteParagraph" for Users, Articles, and Products tabs which are on the page (use the search feature on the page)
2. Click on the first variant and see these button's Conditional tab, remove this condition from the respective groups "edit", "delete", "editProfile", and "DeleteParagraph"
3. 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:
- Locate the container Group "wrapper":
2. And delete it:
Plugins
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.
Other Zeroqode 8 Premium plugins
Note: Template comes with 8 Premium Zeroqode Plugins pre-installed. If you do not want to use them, simply remove the plugins from the template by uninstalling and unsubscribing.
Headstart Multipurpose Template for Any Website comes with 8 premium plugins, some of the best Zeroqode plugins.
Please check each of the plugins, accessing plugin-index page for a complete demonstration, and how they are set. You need to subscribe or purchase the plugins in order to use them after purchasing this template.
On plugin-index page there is a short description of them and how they work. You can either purchase or subscribe to one or a few of them to use for your app or delete them if you don't need to use them.
- Pinterest plugin gives the opportunity to create a Pinterest- like layout using a repeating group.
- Content Preloader plugin creates a loading effect on your layout and keeps the users on the still loading page.
- Advanced Rich Text Editor plugin is a WYSIWYG HTML editor that supports mentions, hashtags, pasting images from the clipboard, saving content in browser storage, etc.
- Bubble Page to PDF Converter. You can convert a page right away into a PDF and download the PDF file.
- Agora Web Conferencing plugin allows integrating live video conferencing as well as streaming into your Bubble app using the Agora Platform. To test it out share the plugin-index page link with someone else and enter the same room on both devices.
- Video Player plugin advanced features allow you to play the video by providing either an external link (e.g. Youtube or Vimeo) or a link to a video file from Bubble DB. You can set the speed of the playback, enable auto-play, auto replay at the end, workflows to play next, previous, first, last video. You can also customize the colors of the play button and the color of the playing bar.
- DataTables plugin is an advanced plugin that gives you the possibility to use data tables with your Bubble database. It includes search, filtering, sorting, etc.
- Algolia Search plugin - a lighting fast search as a service solution for Bubble application.
To delete the plugin(s) from the application, follow the guide:
1. Go to the Plugins tab
2. Find the plugin from the list (e.g Agora Video Conferencing - Web RTC)
3. Click on Uninstall this plugin button
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 - On this page, there is CSS in the Page HTML header. That code will affect the cursor and it was done for design purposes.
admin_dashboards page - This page uses an HTML element with code to stylize the "dropdown mobMenu" element with ID attribute - #dropdownCustom in order for them to have a pleasant cross-browser look.
blocks page - On this page, you see HTML/CSS code attached in the Page HTML header. #dropdownCustom ID applies to all the dropdown elements in order for them to have a pleasant cross-browser look.
blocks-index page - On this page, you see some HTML /CSS code attached in the Page HTML header. That code will affect the Group circle, and it will apply a multiply blending mode, this was done for design purposes.
blocks_components page - On this page, you see some HTML/CSS code attached in the Page HTML header. #dropdownCustom ID applies to all the dropdown elements in order for them to have a pleasant cross-browser look.
blocks_forms page - On this page, you see some HTML/CSS code attached in the Page HTML header. #dropdownCustom ID applies to all the dropdown elements in order for them to have a pleasant cross-browser look.
catalog page - On this page, you see some HTML/CSS code attached in the Page HTML header. #dropdownCustom ID applies to all the dropdown elements in order for them to have a pleasant cross-browser look.
dashboard page - On this page, you see some CSS code attached in the Page HTML header. #dropdownCustom ID applies to all the dropdown elements in order for them to have a pleasant cross-browser look.
dashboard-index page - On this page, you see HTML/CSS code attached in the Page HTML header. Specifies the mouse cursor to be displayed when pointing over an element. Stylizing mouse cursor to be displayed when pointing over an element.
login page - On this page you some HTML /CSS code attached in the Page HTML header. The CSS #hero - makes the image on the left occupy full height on your device screen.
plugin-index page - On this page, you see HTML/CSS code attached in the Page HTML header. Everything written in this page header is related to groups whose id name is scroll. We attributed id scroll to those groups where this effect will take place so that you can know where changes apply.
Note: Please note that those effects will take place on elements that have a scroll within this page even if you don't attribute an ID to them.
wishlist page - On this page, you see some HTML/CSS code attached in the Page HTML header. The #pop_up_add - makes the popup where this id is attached to be displayed exactly in the middle of your screen.
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/.
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.
