Custom Numpad

With the numpad, you can design your surfaces even better. Especially optimized for iPads, the numpad offers a seamless and efficient way to enter numbers directly – without the disruptive pop-up keyboard. The numpad is high-performance, intuitively usable, and ideal for work environments where speed and user-friendliness are the focus. Just click, enter, and stay productive. 🚀

Application Code

arcCustomNumPad({
		uniqueId: "numpad-beispiel " + Nr,
		recordId: Nr,
		fieldId: "",
		currentValue: "",
		actionTitle: "",
		backgroundColor: "",
		display: {
			fontColor: ""
		},
		suffix: "€"
	})

General Settings

uniqueId

The uniqueId is assigned individually and should be unique. The purpose behind this is: When you create multiple numpads with different settings on your surface, the styles do not overwrite each other.

uniqueId: "numpad-beispiel " + Nr,

recordId

With the recordId, you define which record your field for entering numbers is located on.

recordId: Nr,

fieldId

The field that you want to describe with a value is determined by the fieldId of the field. You can find this out, for example, using the Ninox function fieldid().

fieldId: "", // default: leer
fieldId: "E" // Hinterlege die Field Id direkt.
fieldId: fieldId(this, "Zahlenfeld") // Hinterlege mit der Ninox FUnktion die Field Id.

currentValue

In the currentValue, you define what should be displayed/output above the numpad. This can be just the number, incorporating your number into continuous text, or you can work with other widgets here.

currentValue: "",
currentValue: text(Zahlenfeld) // Gib hier beispielsweise dein Ninoxfeld an, das ausgegeben werden soll.

actionTitle

The actionTitle is the text that should be displayed on the button below the numpad.

actionTitle: "", // default: Submit
actionTitle: "Betrag hinzufügen" // Füge hier deinen Wunschtext ein.

backgroundColor

Determine the color of your numpad with the backgroundColor.

backgroundColor: "", // default: #007BFF
backgroundColor: "#19161c"

display

In the display block, you can currently specify only one parameter. Specify your font color under fontColor.

display: {
			fontColor: "" // default: #fff
		},

suffix

You can specify the suffix, but you don't have to. If you want to associate currencies with your numpad, you would enter the currency symbol here. Another example would be units.

suffix: "", // default: leer 
suffix: "€",