Make a button link to another page HTML !?

The easiest way to switch to another "page" of your existing dashboard is to pass a msg to the ui_control node. From the node's information sidebar:

Allows dynamic control of the Dashboard.

The default function is to change the currently displayed tab. msg.payload should either be an object of the form {tab:"my_tab_name"}, or just be the tab name or numeric index (from 0) of the tab or link to be displayed.

Sending a blank tab name "" will refresh the current page. You can also send "+1" for next tab and "-1" for previous tab.

So all you need in the first page is a button or other html element that can send a msg with a payload containing the tab name or index number. You could use the ui_button node set to send the other tab name, or embed some angular html in a ui_template node -- something like this:

<md-button class="eb2" ng-click="send({payload: 1})">
</md-button>

Wire the output of your button or template node into the ui_control node, and it should just work for you. For some other examples and cautions, you can check this discussion that was started recently...

3 Likes