How to integrate the sections of the Dragonfly dashboard inside your web application

Important info about this article
This knowledge base article refers to the Dragonfly Cloud Dashboard (used to manage: levels, floor plans, accounts, visual markers). The Dragonfly Cloud Dashboard is NOT the Dragonfly Web User Interface (used to manage the Dragonfly App).

If you want to show any of the sections of the Dragonfly dashboard inside your web application using the HTML iframes then you can call the Base URL of the Dragonfly dashboard and add to the call the section of interest and some optional parameters

Base URL

https://dashboard.dragonflycv.com/{section}?{parameters}

Sections

The sections of the Dragonfly dashboard are visible in the top bar of your browser during the usage of the Dragonfly dashboard. Example:

Parameters

This is the list of parameters supported that can be provided separated by the character “&”:

logo: load a custom logo through an URL. If special characters are inside the URL, please encode them (e.g. logo=https://dragonflycv.com/support/wp-content/uploads/2021/04/onit_it_experience.png).
username: the username used to log into our Dragonfly dashboard (e.g. username=demo@onit.it).
password: the password used to log into our Dragonfly dashboard (e.g. password=12345678). If your password is still the default empty password then there is no need to specify this parameter.
siteId: the siteId of interest (e.g. siteId=1001).
disableMenu=true: used to hide the menu on the left and the header on the top of the Dragonfly dashboard.

All the parameters above are independent, meaning you can use some of them or all together.

Example
Here is an example of URL to be called in order to see the Dragonfly > Map section of the Dragonfly dashboard for site 1001 that can be accessed using the demo credentials (username “demo@onit.it” and no password):

https://dashboard.dragonflycv.com/dragonfly/map?username=demo@onit.it&siteId=1001&disableMenu=true