Hiding Decimal fields arrows? | Community
Skip to main content

Hiding Decimal fields arrows?

  • October 27, 2023
  • 2 replies
  • 0 views

Hello,

Why does the Decimal field have up/down arrows on the right side of it?  These also seem to react to the scrollwheel, and just by clicking into this field, it is easy to set the number to some random positive or negative number accidentally.  It is very confusing to have these arrows on the field.  Is there any way to remove them either through the interface or programmatically?

2 replies

Elaine14
  • October 31, 2023
Hi Mark,

The issue isn't related to the decimal field. The visualization currently applied in your report is the KPI (Key Performance Indicator) chart. This chart highlights the metric results as a prominent number on your dashboard. You have the option to use the KPI chart to present either a single metric or incorporate a second metric as a reference number. When the main number exceeds the reference number, a green triangle will be presented, and if it's lower, a red triangle will be displayed. The arrow will not be displayed if you have only one metric included in the report.

  • Author
  • October 31, 2023

Hi Elaine,

I was referring to the input fields in Forms.  Actually this is browser behaviour (called "spinners"...) and I managed to fix it by modifying my help centre theme's style.css file as follows:

 

/* Chrome, Safari, Edge, Opera  - remove the up/down arrows from number field (spinners) */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox - remove the up/down arrows from number field (spinners)*/
input[type=number] {
  -moz-appearance: textfield;
}