# Make a button link to another page HTML !?

**URL:** <https://discourse.nodered.org/t/make-a-button-link-to-another-page-html/880>\
**Category:** General\
**Created:** [18 June 2018 07:23 UTC](https://discourse.nodered.org/t/make-a-button-link-to-another-page-html/880 "2018-06-18T07:23:01Z")\
**Posts on this page:** 1\
**Showing post:** 8

<div class="post-metadata">

**Author:** ![shrickus](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/shrickus/32/517_2.png) [@shrickus](https://discourse.nodered.org/u/shrickus)\
**Post date:** [28 June 2018 14:30 UTC](https://discourse.nodered.org/t/make-a-button-link-to-another-page-html/880/8 "2018-06-28T14:30:08Z")

</div>

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:

```html
<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](https://discourse.nodered.org/t/orchestrating-dashboard-page-flow-via-ui-control/1103/3) that was started recently...

---

_[View the full topic](https://discourse.nodered.org/t/make-a-button-link-to-another-page-html/880)._
