# Uibuilder - sync button status across multiple web browsers

**URL:** <https://discourse.nodered.org/t/uibuilder-sync-button-status-across-multiple-web-browsers/18226>\
**Category:** Dashboard\
**Created:** [21 November 2019 08:53 UTC](https://discourse.nodered.org/t/uibuilder-sync-button-status-across-multiple-web-browsers/18226 "2019-11-21T08:53:31Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![stanleyseow](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/stanleyseow/32/7046_2.png) [@stanleyseow](https://discourse.nodered.org/u/stanleyseow)\
**Post date:** [21 November 2019 08:53 UTC](https://discourse.nodered.org/t/uibuilder-sync-button-status-across-multiple-web-browsers/18226/1 "2019-11-21T08:53:31Z")

</div>

I hv setup the uibuilder caching examples and I can get the updated button state ONLY when I hit the refresh button on the browser ...

How can I have the other browsers sync itself immediately ( without pressing the refresh button ) when I pressed a button on or off ...

> **[TotallyInformation/node-red-contrib-uibuilder](https://github.com/TotallyInformation/node-red-contrib-uibuilder/wiki/Simple-Caching-Example)**
>
> Easily create web UI's for Node-RED using any (or no) front-end library. VueJS and bootstrap-vue included but change as desired. - TotallyInformation/node-red-contrib-uibuilder

Thanks

---

<div class="post-metadata">

**Author:** ![cflurin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/cflurin/32/29_2.png) [@cflurin](https://discourse.nodered.org/u/cflurin)\
**Post date:** [21 November 2019 09:50 UTC](https://discourse.nodered.org/t/uibuilder-sync-button-status-across-multiple-web-browsers/18226/2 "2019-11-21T09:50:37Z")

</div>

Have a look here:

> [@Front-end based on uibuilder: 1. component acc-switch.vue](https://discourse.nodered.org/t/front-end-based-on-uibuilder-1-component-acc-switch-vue/14962):
>
> [acc-switch] Flow: [{"id":"31554538.d666ba","type":"uibuilder","z":"96248ad2.2c3df8","name":"","topic":"","url":"uiswitch","fwdInMessages":false,"allowScripts":false,"allowStyles":false,"copyIndex":true,"showfolder":false,"x":380,"y":200,"wires":[["151b60e8.47977f","3bf74e79.a02822"],["54f1123c.e47ecc"]]},{"id":"4b99c284.31f20c","type":"inject","z":"96248ad2.2c3df8","name":"true","topic":"","payload":"{\"name\":\"at\_home\",\"service\_name\":\"at\_home\",\"characteristic\":\"On\",\"value\":true}"…