# Ui-Builder with Mysql

**URL:** <https://discourse.nodered.org/t/ui-builder-with-mysql/25897>\
**Category:** Dashboard\
**Created:** [1 May 2020 22:54 UTC](https://discourse.nodered.org/t/ui-builder-with-mysql/25897 "2020-05-01T22:54:48Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![OmarDev](https://avatars.discourse-cdn.com/v4/letter/o/a88e57/32.png) [@OmarDev](https://discourse.nodered.org/u/OmarDev)\
**Post date:** [1 May 2020 22:54 UTC](https://discourse.nodered.org/t/ui-builder-with-mysql/25897/1 "2020-05-01T22:54:48Z")

</div>

Hi everyone,

i need to example, using ui-Builder with mysql? thanks

---

<div class="post-metadata">

**Author:** ![afelix](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/afelix/32/9743_2.png) [@afelix](https://discourse.nodered.org/u/afelix)\
**Post date:** [2 May 2020 13:53 UTC](https://discourse.nodered.org/t/ui-builder-with-mysql/25897/2 "2020-05-02T13:53:23Z")

</div>

Hi Omar, can you give a bit more information about what you're looking for? Uibuilder will allow you to put together a frontend, and interact with the Node-RED flow. Mysql is a database. In order to read/write data from/to mysql, you'll need suitable nodes to interact with the database (try [flows.nodered.org](http://flows.nodered.org)), and wire those in your flow with the uibuilder node. The how and what of that wiring depends on your use case.

---

<div class="post-metadata">

**Author:** ![OmarDev](https://avatars.discourse-cdn.com/v4/letter/o/a88e57/32.png) [@OmarDev](https://discourse.nodered.org/u/OmarDev)\
**Post date:** [2 May 2020 15:20 UTC](https://discourse.nodered.org/t/ui-builder-with-mysql/25897/3 "2020-05-02T15:20:30Z")

</div>

thanks, but i need how to show Data mysql in ui-Builder

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [2 May 2020 15:55 UTC](https://discourse.nodered.org/t/ui-builder-with-mysql/25897/4 "2020-05-02T15:55:55Z")

</div>

Which bit don't you know how to do, fetching from mysql or displaying it?

---

<div class="post-metadata">

**Author:** ![OmarDev](https://avatars.discourse-cdn.com/v4/letter/o/a88e57/32.png) [@OmarDev](https://discourse.nodered.org/u/OmarDev)\
**Post date:** [2 May 2020 19:08 UTC](https://discourse.nodered.org/t/ui-builder-with-mysql/25897/5 "2020-05-02T19:08:22Z")

</div>

displaying into ui-builder ? thanks

---

<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:** [2 May 2020 20:31 UTC](https://discourse.nodered.org/t/ui-builder-with-mysql/25897/6 "2020-05-02T20:31:41Z")

</div>

You need to trigger a flow that reads the data you wish to display from MySQL. You then pass that read data to uibuilder. You have to build a front-end UI using the uibuilder index.html and index.js files that takes the data that uibuilder passes to the front-end.

Start by taking the default uibuilder template and a simple flow to pass data from Node-RED to the front-end and display it. Once you've tried that, you can replace your example input with a mysql node to read the data.

---

<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:** [1 June 2020 20:31 UTC](https://discourse.nodered.org/t/ui-builder-with-mysql/25897/7 "2020-06-01T20:31:43Z")

</div>

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