# Text wraps in Form node Checkbox element

**URL:** <https://discourse.nodered.org/t/text-wraps-in-form-node-checkbox-element/31392>\
**Category:** General\
**Created:** [10 August 2020 13:15 UTC](https://discourse.nodered.org/t/text-wraps-in-form-node-checkbox-element/31392 "2020-08-10T13:15:45Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![notnice](https://avatars.discourse-cdn.com/v4/letter/n/da6949/32.png) [@notnice](https://discourse.nodered.org/u/notnice)\
**Post date:** [10 August 2020 13:15 UTC](https://discourse.nodered.org/t/text-wraps-in-form-node-checkbox-element/31392/1 "2020-08-10T13:15:45Z")

</div>

When I add a Form node with a Switch element it looks normal on single line:  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/3/3/3357626e00d95f3c5d0f9d3fb7b98522f5d1b2c1.png)

However, when I change it to Checkbox it wraps the line after each word of text:  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/f/f/fff41469a388e6d42a35257b5f885ae1470aec36.png)

I cleared the text and re-entered it, and tried moving the element to be last one in the ist, but still the same issue.

On NR v1.1.3

---

<div class="post-metadata">

**Author:** ![harelabb](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/harelabb/32/27450_2.png) [@harelabb](https://discourse.nodered.org/u/harelabb)\
**Post date:** [10 August 2020 14:14 UTC](https://discourse.nodered.org/t/text-wraps-in-form-node-checkbox-element/31392/2 "2020-08-10T14:14:08Z")

</div>

Did you check the size attribute of the switch node?

---

<div class="post-metadata">

**Author:** ![notnice](https://avatars.discourse-cdn.com/v4/letter/n/da6949/32.png) [@notnice](https://discourse.nodered.org/u/notnice)\
**Post date:** [11 August 2020 07:51 UTC](https://discourse.nodered.org/t/text-wraps-in-form-node-checkbox-element/31392/3 "2020-08-11T07:51:48Z")

</div>

It was originally set to auto and then I changed it to be 7x4 which is well big enough to accommodate the text on 1 line as can be seen from the text when I change it to slider.

---

<div class="post-metadata">

**Author:** ![notnice](https://avatars.discourse-cdn.com/v4/letter/n/da6949/32.png) [@notnice](https://discourse.nodered.org/u/notnice)\
**Post date:** [29 September 2020 09:45 UTC](https://discourse.nodered.org/t/text-wraps-in-form-node-checkbox-element/31392/4 "2020-09-29T09:45:34Z")

</div>

Even if I set everything to be much wider than required it still wraps the text for Checkbox option. Looks like a bug to me...

---

<div class="post-metadata">

**Author:** ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)\
**Post date:** [29 September 2020 10:36 UTC](https://discourse.nodered.org/t/text-wraps-in-form-node-checkbox-element/31392/5 "2020-09-29T10:36:29Z")

</div>

What version of the dashboard are you using? You can get that from the startup log and also what are the node-red and node.js versions?

---

<div class="post-metadata">

**Author:** ![notnice](https://avatars.discourse-cdn.com/v4/letter/n/da6949/32.png) [@notnice](https://discourse.nodered.org/u/notnice)\
**Post date:** [29 September 2020 10:59 UTC](https://discourse.nodered.org/t/text-wraps-in-form-node-checkbox-element/31392/6 "2020-09-29T10:59:22Z")

</div>

Hi - these are the versions (just updated dashboard from 2.23.2 and restarted - still same issue).  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/5/5/55c580c3164a9950ba5959dd22f49bfd6aa16f6a.png)

---

<div class="post-metadata">

**Author:** ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)\
**Post date:** [29 September 2020 14:57 UTC](https://discourse.nodered.org/t/text-wraps-in-form-node-checkbox-element/31392/7 "2020-09-29T14:57:35Z")

</div>

I've reproduced this and it looks to me like it should be wider too.

---

<div class="post-metadata">

**Author:** ![notnice](https://avatars.discourse-cdn.com/v4/letter/n/da6949/32.png) [@notnice](https://discourse.nodered.org/u/notnice)\
**Post date:** [29 September 2020 18:22 UTC](https://discourse.nodered.org/t/text-wraps-in-form-node-checkbox-element/31392/8 "2020-09-29T18:22:49Z")

</div>

Ok, thx. Is there somewhere I need to file it as a bug?

---

<div class="post-metadata">

**Author:** ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)\
**Post date:** [29 September 2020 23:28 UTC](https://discourse.nodered.org/t/text-wraps-in-form-node-checkbox-element/31392/9 "2020-09-29T23:28:25Z")

</div>

I've reported it, you can follow it at [https://github.com/node-red/node-red-dashboard/issues/622](https://github.com/node-red/node-red-dashboard/issues/622)

---

<div class="post-metadata">

**Author:** ![notnice](https://avatars.discourse-cdn.com/v4/letter/n/da6949/32.png) [@notnice](https://discourse.nodered.org/u/notnice)\
**Post date:** [30 September 2020 05:44 UTC](https://discourse.nodered.org/t/text-wraps-in-form-node-checkbox-element/31392/10 "2020-09-30T05:44:43Z")

</div>

Cool - thx very much 👍

---

<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 October 2020 05:44 UTC](https://discourse.nodered.org/t/text-wraps-in-form-node-checkbox-element/31392/11 "2020-10-14T05:44:55Z")

</div>

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