Combo Button not triggering

[impo]

Hi all,

I'm working within the versa simulator - but I can't get my combo button to trigger.

I've put in a console log for when it works and so far nothing.

How do I configure this to work?

In my widgets.gui I have:

<svg>
  <defs>
    <link rel="stylesheet" href="styles.css" />
    <link rel="import" href="/mnt/sysassets/widgets_common.gui" />
    <link rel="import" href="/mnt/sysassets/widgets/square_button_widget.gui" />
    <link rel="import" href="/mnt/sysassets/widgets/combo_button_widget.gui" />
  </defs>
</svg>

In my index.gui I have

    <use id="h-btn-br" href="#combo-button-lower-right" fill="fb-green">
      <set href="combo-button-icon" attributeName="href" to="sync.png"/>
      <set href="combo-button-icon-press" attributeName="href" to="sync_press.png"/>
      <set href="combo-button-stroke" attributeName="display" to="inline"/>
    </use>

and in my index.js I have

import document from "document";
  
let refreshBtn = document.getElementById("h-btn-br");

  refreshBtn.onactivate = function(evt) {
    console.log("works!");
    //refreshData();
  }

One thing I should note - my custom icons for the combo button don't appear - so I can see the stroke of the button, and when I click it the fill colour changes - but I can't see any icon. Would that be causing any errors?

Thanks for any help

[impo · Accepted solution]

I've found a work around in where I just use a different type of button for now.