# Contrib-ui-level

**URL:** <https://discourse.nodered.org/t/contrib-ui-level/86793>\
**Category:** Dashboard\
**Created:** [27 March 2024 02:44 UTC](https://discourse.nodered.org/t/contrib-ui-level/86793 "2024-03-27T02:44:25Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Youssef](https://avatars.discourse-cdn.com/v4/letter/y/df788c/32.png) [@Youssef](https://discourse.nodered.org/u/Youssef)\
**Post date:** [27 March 2024 02:44 UTC](https://discourse.nodered.org/t/contrib-ui-level/86793/1 "2024-03-27T02:44:26Z")

</div>

hello  
how to change the position of value and label in single horizental  
ang how to add the second value in pair horizentale  
and thank youu

---

<div class="post-metadata">

**Author:** ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)\
**Post date:** [27 March 2024 20:52 UTC](https://discourse.nodered.org/t/contrib-ui-level/86793/2 "2024-03-27T20:52:32Z")

</div>

The ui-level doesn't provide options to change layout. But the source is free so you can build your own version of it as you wish. Pair takes an array as payload. Read the nodes help.

---

<div class="post-metadata">

**Author:** ![Youssef](https://avatars.discourse-cdn.com/v4/letter/y/df788c/32.png) [@Youssef](https://discourse.nodered.org/u/Youssef)\
**Post date:** [27 March 2024 23:17 UTC](https://discourse.nodered.org/t/contrib-ui-level/86793/3 "2024-03-27T23:17:18Z")

</div>

i want to make it like this  
 ![node-red-dashboard-ui-level](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/8/4/847cda90fac7624cce1e3fd0a2111250880b0be5.jpeg)

---

<div class="post-metadata">

**Author:** ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)\
**Post date:** [28 March 2024 05:06 UTC](https://discourse.nodered.org/t/contrib-ui-level/86793/4 "2024-03-28T05:06:22Z")

</div>

Slim layout is single vertical If you configure it to have 1 unit width.  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/2/2/22764cfd87a028cc0666bf0cd388898f4e0de464.png)

---

<div class="post-metadata">

**Author:** ![smanjunath211](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/smanjunath211/32/95742_2.png) [@smanjunath211](https://discourse.nodered.org/u/smanjunath211)\
**Post date:** [28 March 2024 10:43 UTC](https://discourse.nodered.org/t/contrib-ui-level/86793/5 "2024-03-28T10:43:11Z")

</div>

I believe you want to position the label and value at your 'desired' location. by the screenshot you shared, it is evident you are able to get a vertical level, your original question was also to _position the value and label_ . am i right ?

---

<div class="post-metadata">

**Author:** ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)\
**Post date:** [24 April 2024 16:41 UTC](https://discourse.nodered.org/t/contrib-ui-level/86793/7 "2024-04-24T16:41:16Z")

</div>

This node will not get any updates unless it is needed to avoid any vulnerability or security risk.

---

<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:** [24 May 2024 16:41 UTC](https://discourse.nodered.org/t/contrib-ui-level/86793/8 "2024-05-24T16:41:34Z")

</div>

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