# Uibuilder moving to new instance

**URL:** <https://discourse.nodered.org/t/uibuilder-moving-to-new-instance/54417>\
**Category:** General\
**Tags:** uibuilder\
**Created:** [28 November 2021 20:17 UTC](https://discourse.nodered.org/t/uibuilder-moving-to-new-instance/54417 "2021-11-28T20:17:03Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![magicman](https://avatars.discourse-cdn.com/v4/letter/m/73ab20/32.png) [@magicman](https://discourse.nodered.org/u/magicman)\
**Post date:** [28 November 2021 20:17 UTC](https://discourse.nodered.org/t/uibuilder-moving-to-new-instance/54417/1 "2021-11-28T20:17:03Z")

</div>

Hi i want to use the changing state of a switch to open another page on my uibuilder .  
so when switch A changes state , A page on uibuilder displays this fact then returns to the main page either timed return or manually dependent on what has occurred, i know i can use toast but i want to include images etc and further information to the user. i have 127.0.0.1:1880/systemmain and want to move to 127.0.0.1:1880/action  
thanks for your help.

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [29 November 2021 02:05 UTC](https://discourse.nodered.org/t/uibuilder-moving-to-new-instance/54417/2 "2021-11-29T02:05:04Z")

</div>

How about using this in your pages:

[How To Redirect to Another Webpage (w3schools.com)](https://www.w3schools.com/howto/howto_js_redirect_webpage.asp)

---

<div class="post-metadata">

**Author:** ![magicman](https://avatars.discourse-cdn.com/v4/letter/m/73ab20/32.png) [@magicman](https://discourse.nodered.org/u/magicman)\
**Post date:** [29 November 2021 18:30 UTC](https://discourse.nodered.org/t/uibuilder-moving-to-new-instance/54417/3 "2021-11-29T18:30:02Z")

</div>

i see the the javascript window.location.replace("[http://www.w3schools.com](http://www.w3schools.com)"); but not sure how to use it in my uibuilder (basically where to put it) ?

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [30 November 2021 09:16 UTC](https://discourse.nodered.org/t/uibuilder-moving-to-new-instance/54417/4 "2021-11-30T09:16:31Z")

</div>

Any HMTL input has a a number of "events" that are triggered depending on what a user does. You will find the details in the VueJS or bootstrap-vue documentation (and more in the html documentation of course).

In Vue, each event can have a method attached to it. A method is a js function and so that is where you need to put the location change.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [14 December 2021 09:16 UTC](https://discourse.nodered.org/t/uibuilder-moving-to-new-instance/54417/5 "2021-12-14T09:16:46Z")

</div>

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.