# Custom Front end

**URL:** <https://discourse.nodered.org/t/custom-front-end/72303>\
**Category:** Share Your Projects\
**Created:** [16 December 2022 09:47 UTC](https://discourse.nodered.org/t/custom-front-end/72303 "2022-12-16T09:47:44Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![lakshaydulani](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/lakshaydulani/32/66015_2.png) [@lakshaydulani](https://discourse.nodered.org/u/lakshaydulani)\
**Post date:** [16 December 2022 09:47 UTC](https://discourse.nodered.org/t/custom-front-end/72303/1 "2022-12-16T09:47:44Z")

</div>

![Web capture_16-12-2022_151721_127.0.0.1](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/6/0/60cc50b16a113e29174b9bea59ed9d0cfc11a371.jpeg)

---

<div class="post-metadata">

**Author:** ![Bobo](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bobo/32/8401_2.png) [@Bobo](https://discourse.nodered.org/u/Bobo)\
**Post date:** [17 December 2022 07:18 UTC](https://discourse.nodered.org/t/custom-front-end/72303/2 "2022-12-17T07:18:54Z")

</div>

Nice. Now for you next update, please make the image clickable so that you show flow rates, temps etc using a single click. Then use a colour coding system on the image to show abnormal readings at a glance.

😁

---

<div class="post-metadata">

**Author:** ![lakshaydulani](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/lakshaydulani/32/66015_2.png) [@lakshaydulani](https://discourse.nodered.org/u/lakshaydulani)\
**Post date:** [19 December 2022 09:51 UTC](https://discourse.nodered.org/t/custom-front-end/72303/3 "2022-12-19T09:51:14Z")

</div>

yes i had got this image as svg.. i thought i will make it the same as you said.  
then its just flow data so i kept it simple