Examples

Output status as buttons

Widget bestellen

Display Status as Buttons

Do you want to display a status, such as the task status, on a surface like a Custom Table or directly on your record? There are various ways to achieve this. You can either use a Select field to make the status selectable or utilize a more efficient method: Buttons that can be clicked directly. These buttons can be arranged in a clear layout. Here is how to do it:

Set up status in a separate helper table
First, create a helper table where the various status values are defined in a text field.
Display status on the target table as a dynamic field (Ninox)
Display the status values on the target table as a dynamic field, so they can be used flexibly.
Insert the application code into your surface
Insert the required application code into your surface. This could be in a Custom Table in a column or directly on your Ninox Record.
Adjust application code to your use case: Select your own status list
Select the corresponding helper table you set up in step 1 from the blocks under "select ..." to ensure that the correct status values are used.
Adjust application code to your use case: Replace Field in Actions with the fieldID of your status field
In the Actions, replace the field with the fieldID of your status field that you set up in step 2, so that the changes are applied correctly.

With these steps, you can create an intuitive and user-friendly interface where the status can be quickly and easily adjusted.

Application Code

arcCustomLayout({
								uniqueId: "statusTermin " + Nr,
								direction: "horizontal",
								alignX: "center",
								alignY: "center",
								width: "100%",
								height: "100%",
								gap: "10px",
								backgroundColor: "",
								paddingY: "10px",
								paddingX: "10px",
								blocks: let id := Nr;
								(select 'Status Termin').[{
										align: "center",
										styles: "",
										width: "fraction",
										clickAction: "",
										value: arcCustomButton({
												uniqueId: "Termin_Status_" + id + Nr,
												title: Bezeichung,
												width: "100%",
												icon: "",
												fontSize: "",
												fontColor: if id.Status = number(Nr) then
													"#fff"
												else
													"#9ba3af"
												end,
												iconColor: "",
												backgroundColor: if id.Status = number(Nr) then
													Farbe
												else
													"#9ba3af33"
												end,
												borderColor: if id.Status = number(Nr) then
													Farbe
												else
													"#9ba3af33"
												end,
												borderRadius: "5px",
												actions: [{
														recordId: id,
														type: "update",
														field: "Q1",
														value: if id.Status = number(Nr) then
															null
														else
															number(Nr)
														end
													}]
											})
									}]
							})