# Perspective Numeric Entry (Button Style)

**URL:** <https://forum.inductiveautomation.com/t/perspective-numeric-entry-button-style/55483>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [January 28, 2022, 1:19pm UTC](https://forum.inductiveautomation.com/t/perspective-numeric-entry-button-style/55483 "2022-01-28T13:19:21Z")\
**Posts on this page:** 5\
**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:** [January 28, 2022, 1:19pm UTC](https://forum.inductiveautomation.com/t/perspective-numeric-entry-button-style/55483/1 "2022-01-28T13:19:21Z")

</div>

Hello All,

Using a numeric entry set to Button style which gives you a pencil icon next to the field to click and enter a value. My question is on formatting the popup that opens to show a decimal format. Is this possible? Also, I would like to control the amount that the up and down arrows adjust the value, it seems the default value is 1.0. Any help or information is appreciated.

Thanks,

Frank

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [January 28, 2022, 1:59pm UTC](https://forum.inductiveautomation.com/t/perspective-numeric-entry-button-style/55483/2 "2022-01-28T13:59:39Z")

</div>

> [@franklepkowski](#):
>
> you a pencil icon

What pencil icon?

> [@franklepkowski](#):
>
> amount that the up and down arrows adjust the value,

If there is no prop for this then im afraid its not possible, it would require javascript.

edit: ah seems there is a prop for it  
spinner.increment  
nvm it doesnt work for the button mode

if none provided an answer by monday give me a ping and ill take an other look. gtg now

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [January 31, 2022, 12:21pm UTC](https://forum.inductiveautomation.com/t/perspective-numeric-entry-button-style/55483/3 "2022-01-31T12:21:34Z")

</div>

So the spinner.increment does work on the popup too, but you have to have a value in it (value is not empty but is zero)

For styling you can change the theme.css (or use injection)  
for the buttons

```auto
.ia_numericEntryFieldComponent __modal_content > .ia_numericEntryFieldComponent__ modal_buttons > button {}

```

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/6/4/64c8636016c40c05d18e4cf983330c32d8442e24.png)  
for the pencils (note its an svg)

```auto
.ia_numericEntryFieldComponent__editIcon{}

```

and

```auto
.ia_numericEntryFieldComponent__editIcon--active{}

```

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/7/b7b1845ee3ea562c9b0fdc4591367960f87fcc02.png)

---

<div class="post-metadata">

**Author:** ![Hugh](https://avatars.discourse-cdn.com/v4/letter/h/c5a1d2/32.png) [@Hugh](https://forum.inductiveautomation.com/u/Hugh)\
**Post date:** [June 21, 2024, 12:54am UTC](https://forum.inductiveautomation.com/t/perspective-numeric-entry-button-style/55483/4 "2024-06-21T00:54:33Z")

</div>

Hi @victordcq,  
Have you been able to do the same thing for the Oneshotbutton?  
I tried to replicate these steps for it but I think it requires setting the style for  
.ia\_button--primary which is not desirable.

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [June 21, 2024, 7:23am UTC](https://forum.inductiveautomation.com/t/perspective-numeric-entry-button-style/55483/5 "2024-06-21T07:23:12Z")

</div>

Idk what you are looking to chance, i can just change the colors with the props

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/a/1/a1bc4690bc4c699e7cf6444b8c1bc58ab54edd74.png)

ah maybe these?

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/8/e/8eb429642a5bad24028d6288835cacaf79908841.png)  
something like this should be specific enough

```python
div:has(.ia_oneShotButtonComponent __confirmModal__ message) [data-button-type="confirm"] { background-color:green}
div:has(.ia_oneShotButtonComponent __confirmModal__ message) [data-button-type="cancel"] { background-color:red}

```

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/d/7/d718ed5dc96461dd7a525ea2dd927e0c80981b09.png)