# \[Bug\] Numeric Text Field border

**URL:** <https://forum.inductiveautomation.com/t/bug-numeric-text-field-border/37043>\
**Category:** Ignition\
**Tags:** ignition80, vision\
**Created:** [July 24, 2020, 1:08pm UTC](https://forum.inductiveautomation.com/t/bug-numeric-text-field-border/37043 "2020-07-24T13:08:56Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Tim](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/tim/32/3361_2.png) [@Tim](https://forum.inductiveautomation.com/u/Tim)\
**Post date:** [July 24, 2020, 1:08pm UTC](https://forum.inductiveautomation.com/t/bug-numeric-text-field-border/37043/1 "2020-07-24T13:08:56Z")

</div>

The NumericText Field component will not save a border setting of “No Border” when the Editable property is set to false.

Vision 8.0.15

---

<div class="post-metadata">

**Author:** ![code\_skin](https://avatars.discourse-cdn.com/v4/letter/c/43a26b/32.png) [@code\_skin](https://forum.inductiveautomation.com/u/code_skin)\
**Post date:** [July 24, 2020, 1:22pm UTC](https://forum.inductiveautomation.com/t/bug-numeric-text-field-border/37043/2 "2020-07-24T13:22:05Z")

</div>

~~The **props.style.borderStyle** property does not have “No Border” attribute.  
try **props.style.borderStyle = none** (lower case)~~

EDIT: Ignore this. I just seen **Vision** 8.0.15

---

<div class="post-metadata">

**Author:** ![code\_skin](https://avatars.discourse-cdn.com/v4/letter/c/43a26b/32.png) [@code\_skin](https://forum.inductiveautomation.com/u/code_skin)\
**Post date:** [July 24, 2020, 1:38pm UTC](https://forum.inductiveautomation.com/t/bug-numeric-text-field-border/37043/4 "2020-07-24T13:38:32Z")

</div>

Are you saying the Border property goes back to Other Border when the editable field is disabled?

---

<div class="post-metadata">

**Author:** ![Tim](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/tim/32/3361_2.png) [@Tim](https://forum.inductiveautomation.com/u/Tim)\
**Post date:** [July 24, 2020, 1:50pm UTC](https://forum.inductiveautomation.com/t/bug-numeric-text-field-border/37043/5 "2020-07-24T13:50:13Z")

</div>

Yes that is correct.

---

<div class="post-metadata">

**Author:** ![code\_skin](https://avatars.discourse-cdn.com/v4/letter/c/43a26b/32.png) [@code\_skin](https://forum.inductiveautomation.com/u/code_skin)\
**Post date:** [July 24, 2020, 2:02pm UTC](https://forum.inductiveautomation.com/t/bug-numeric-text-field-border/37043/6 "2020-07-24T14:02:11Z")

</div>

Try this:  
Create an expression binding on the border property using:  
`toBorder("matte;red;10;1;1;1")`

This will enforce the specified border when the editable property is toggled.

More expression border info here:  
[https://docs.inductiveautomation.com/display/DOC80/toBorder](https://docs.inductiveautomation.com/display/DOC80/toBorder)

---

<div class="post-metadata">

**Author:** ![gilles.levesque](https://avatars.discourse-cdn.com/v4/letter/g/919ad9/32.png) [@gilles.levesque](https://forum.inductiveautomation.com/u/gilles.levesque)\
**Post date:** [October 6, 2021, 12:57pm UTC](https://forum.inductiveautomation.com/t/bug-numeric-text-field-border/37043/7 "2021-10-06T12:57:28Z")

</div>

Hello. i resolve this problem, by adding a custom property (Edit\_enable) and a Style customizers. When the Edit\_enable is OFF, the borderis set to line border using the same color as the back ground and when its ON, the border is black line border.

---

<div class="post-metadata">

**Author:** ![Maria\_P](https://avatars.discourse-cdn.com/v4/letter/m/838e76/32.png) [@Maria\_P](https://forum.inductiveautomation.com/u/Maria_P)\
**Post date:** [April 19, 2022, 8:54am UTC](https://forum.inductiveautomation.com/t/bug-numeric-text-field-border/37043/8 "2022-04-19T08:54:14Z")

</div>

Just replying to notice that this error keeps happening on vision version 11.1.7.  
To solve it I’ve set the border config to matte and width=0 instead of using “no border” option of the list.