# Perspective numeric entry using a style class with an out-of-range style defined

**URL:** <https://forum.inductiveautomation.com/t/perspective-numeric-entry-using-a-style-class-with-an-out-of-range-style-defined/66270>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [November 9, 2022, 2:28am UTC](https://forum.inductiveautomation.com/t/perspective-numeric-entry-using-a-style-class-with-an-out-of-range-style-defined/66270 "2022-11-09T02:28:04Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![franklepkowski](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/franklepkowski/32/4808_2.png) [@franklepkowski](https://forum.inductiveautomation.com/u/franklepkowski)\
**Post date:** [November 9, 2022, 2:28am UTC](https://forum.inductiveautomation.com/t/perspective-numeric-entry-using-a-style-class-with-an-out-of-range-style-defined/66270/1 "2022-11-09T02:28:04Z")

</div>

Hello,

I am using a numeric input with bounds set. This entry is using a style class that has an element state out-of-range defined that should turn the background red. This does not appear to work as the component simply throws away the bogus value. I am looking for some indication that what the user entered was out of range. In Vision this was quite simple. How is this to be done in perspective?

---

<div class="post-metadata">

**Author:** ![Munkhbat\_Munkhtulga](https://avatars.discourse-cdn.com/v4/letter/m/958977/32.png) [@Munkhbat\_Munkhtulga](https://forum.inductiveautomation.com/u/Munkhbat_Munkhtulga)\
**Post date:** [November 16, 2022, 9:00pm UTC](https://forum.inductiveautomation.com/t/perspective-numeric-entry-using-a-style-class-with-an-out-of-range-style-defined/66270/2 "2022-11-16T21:00:21Z")

</div>

Hi franklepkowski,

There is a property in the Numeric entry field component called invalidStyle where you set the background color to turn red when there is a number that is out of bounds. You can find this property by navigating to props \> inputBounds \> invalidStyle.

Thanks,  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/f/5/f577a720f3bfadbe13a6682b9960f3936bd0680e.png)

---

<div class="post-metadata">

**Author:** ![mario.gautschi](https://avatars.discourse-cdn.com/v4/letter/m/b487fb/32.png) [@mario.gautschi](https://forum.inductiveautomation.com/u/mario.gautschi)\
**Post date:** [November 29, 2022, 10:51am UTC](https://forum.inductiveautomation.com/t/perspective-numeric-entry-using-a-style-class-with-an-out-of-range-style-defined/66270/3 "2022-11-29T10:51:45Z")

</div>

- What should be the behavior from numeric input filed when adding in the style classes -\> Style Rules -\> out-of-range -\> Background "red". Input bounds Min/Max are defined. Currently background color does not change to "red" when input value out of bounds. Classes added under PROPS -\> style.