Hi Joey,

Widglet

A Widglet is an HTML file. It uses a BridgeTech proprietary JavaScript API to connect to a probe and let you compose the Widglet's appearance.

It can be embedded on a Low-Code App using the Web component and feeding in the URL:

Some Widglets can be designed to take in URL parameters. This is useful, for example, to pass the probe address, parametrize which service(s) to show, or set layouts:

Widglets can normally be accessed from any public endpoint. On a Low-Code App however, if the Widglet is served from a remote endpoint, DataMiner will prevent access (Cross Origin Resource Sharing error). This is why the Widglets above are hosted in the same webserver as the App (ziine.skyline.be).

On the target DMA, this can be easily done by dropping the .HTML Widglet file in C:\Skyline DataMiner\Webpages\<Folder>\ 
Folder - The sub-folder where you'd like to store your Widglets. In the example above we use "BridgeTechnologies" folder.

Note: I was told that Widglets are not designed to be accessed by referrencing the HTML filepath outside the context of a webserver. So, something like "C:\Documents\MyWidglet.html" might not work.

Probes

Widglet's use JSAPI call to connect to a probe. The first example above connects to a hardcoded probe hosted at BridgeTech, despite the HTML page itself being hosted on Ziine.

import('https://vb440demo.bridgetech.tv/probe/jsapi/jsapi.mjs')

The second example is taking the probe endpoint as a URL parameter, which is then used on the import statement.

If you'd like to connect to another probe, this is how.

Material

• Widglet examples from BridgeTech repo: https://repo.bridgetech.tv/docs/widglet/
  
• This is the PDF Documentation to compose Widglets.
• BridgeTech App hosted on Ziine containing some of the examples listed above.

Update

• Changed link to PDF Documentation. Is now public, no need to request access. Thanks Ben and Damien.

Hope this helps!