Skip to main content

Celonis Product Documentation

Configuring user inputs (input box, input dropdown, button)

User inputs such as input boxes, input dropdowns, and buttons allow you to add interactive elements to your View or View filter bar. They can be used to record manually entered values, select values from a list, and to link to other Studio assets or external websites.

In this example, an input dropdown has been configure to allow the user to select the dimension used when benchmarking two companies:

example_of_input_dropdown.png

Input boxes allow you to record a manually entered value from users and then use that value throughout your View. This saves the input as either a View variable or a Knowledge Model variable. This variable can then be used in other components to adjust the View based on the manual value entered by the user.

In this example, the input box allows users to enter the minimum net value:

billing_relevance_variable.png

This input box example is configured by saving the user input as a Knowledge Model variable. In this case, the variable is a number type:

${minimum_value_threshold_unbilledcurrency)
example_of_input_box.png

This variable can then be used in other components, such as a text box:

variable_in_text_box_example.png

With the published version of the app showing the value entered (10):

text_box_active_variable_example.png

Input dropdowns allow users to select from a list of options, with the list either dynamically loaded using PQL statements or configured with manual inputs.

Input dropdowns with loaded inputs

In the following benchmarking example, an input dropdown has been configured using entries loaded from the Knowledge Model:

load_inputs_dropdown_example.png

This input dropdown has been configured by creating a PQL statement and saving the user selection to a variable:

configured_input_dropdown.png

In this example, the PQL statement is:

${dimension_benchmark.displayName}
Input dropdowns with manual input

In the same benchmarking example, an input dropdown with manual inputs has been configured to allow the user to select the dimension to benchmark:

example_of_input_dropdown.png

This input dropdown has been configured by manually adding each dropdown item and labelling them with 'Free text'. We've then also added a variable to save the user selection to:

manual_input_dropdown_items.png

In this example, the PQL statement for the 'Customer' dropdown item is:

"o_celonis_Customer"."CustomerNumberAndName"

You can add clickable buttons to your View, allowing users to either see a linked View as an overlay or directing them to a URL.

Using buttons to display linked Views

In this Order Management Starter Kit, two buttons have been configured that display linked Views as overlays when clicked:

button_linked_view_example.png

For example, by clicking Process, the user can see the Process Explorer for this metric:

unshipped_orders_process_explorer.png

For more information about configuring linked Views, see: Linked Views.

Using buttons to open another View or a URL

You can also configure buttons to open another View or an external Url:

go_to_view_or_url.png
Button styles

When configuring your buttons, you can select a button icon, button type, and button size (which can also be manually resized within edit mode).

The following icons are available: Add, arrow up, attach, Celonis logo, chevron up, chevon down, chevron left, chevron right, download, edit, filter, hide, idea, info, link, notification, open in new tab, reset, resolve, send email, settings, and show.

button_icons.png

The following button types are available: Primary (blue), secondary (white), danger (red), link (white with blue outline).

button_types.png

In this example, the 'Danger' button has been used to allow users to reset their View to default values:

button_styling.png