CCS/TMS320F28069M: How to edit ti_widget_button properties to use ti-widget-streamsaver in GUI composer?

Tool/software: Code Composer Studio

I am trying to use the ti-widget-streamsaver using this example:

https://dev.ti.com/gallery/info/10648/demo_streamsaver/

The demo works OK when I load it.

Then I tried to add these buttons to another application.  I followed the instructions, added the two lines of code for the streamsaver into the index.gui files, copied the demo.js file into the project, and added buttons with the same properties as shown in the demo.  It didn't work.

After some trouble shooting I found that the problem is my index.gui file did not have the onclick="xxx()" properties attached to the buttons.  When I manually added these statements, then it worked.

However, I do not see these properties shown in the property pane in the gui editor for either project.  Also, there are some widgets that have properties defined in the property pane that I do not see in the index.gui file (such as bindings)

So, I have some questions:

• Can the onclick="xxx()" property be added in the properties pane?
• Where are other properties such as bindings that I don't see in index.gui stored?
• Where is onclick="xxx()" documented?  I don't see it in the component info page for ti-widget-button.

Thanks,

Ciaran