Custom Javascript code to integrate with Fully Kiosk Browser

Here is an example dashboard. The Music, CCTV and Internet buttons all open android apps when clicked on if you are running from Fully Kiosk Browser:

The custom widget code:

<div class="btnnav" oc-lazy-load="['/static/habpanel-fully-app.js']">
  <div class="flex">
      <button fully-app app="{{config.app_id}}" class="btn2" style="flex: 1 1 auto">
        <img class="icon-tile ng-scope inline" src={{config.icon}} style="flex: 1 1 auto; width: 50%" />
        <div style="clear: both"></div>
        <div style="font-size: 4.5vw"><a>{{config.text}}</a></div>


angular.module("fullyApp", [])
.directive("fullyApp", function () {
    return {
        restrict: "A",
        link: function (scope, elem, attrs) {
            elem.bind("click", function () {

The json widget which you can import directly:
Button- Launch Fully App.widget.json (1.2 KB)

1 Like

A challenge for someone:
Use boolean fully.isInForeground() and void fully.bringToForeground() to automatically bring HABPanel back into focus after some idle time in the external app!

@mattwire Sorry off topic question : how do you manage the theme in fully ? it said “Themes are not compatible with this browser.”

Awesome! I can now open Tunein and start my media…

I try to start also Google play music, but for some reason I cannot i use as Application id ‘’

But nothing happens :\ I am puzzled a bit