Celonis Product Documentation

In addition to the basic configuration, the following configuration options are also available.

Attribute	Required	Type	Possible values	Default Value	Description
floatingPlaceholder	false	Boolean	true false	false	Defines that Strings are automatically left and numbers and timestamps right aligned. Click here to see screenshot
styles	false	Enum	overflow styles		Contains different styling options such as overflow or styles.
overflow	false	Enum	full-width line-break scroll	full-width	Defines the orientation of a list of dropdowns when the width of the selected dropdowns exceeds the component size.
styles	false	Enum	horizontal vertical	-	Contains different style options such as horizontal and vertical alignment.
horizontal	false	Enum	full right center left	full	Defines the horizontal alignment of the component.
vertical	false	Enum	top center bottom	bottom	Defines the vertical alignment of the component.
displayName	false	String			Defines a display Name that should be displayed instead. Click here to see screenshot
selected	false	String			Defines the options which should be selected up-on page load. Important This setting is currently not fully functional so we advise not to use it.
scope	false	Enum	disabled hidden immutable		Defines the scope of the dropdown option. This can be used in the context of base and extensions.
onClick update	false	Boolean	title list	list	Defines an onclick variable update action.
variables: - name	false	Views Variable Runtime Variable	-	-	Defines the variable into which the selected value will be written. You can then make use of the variable at different components.
selection	false	Boolean	single multiple	single	Defines if the dropdown should be single or multi-select when updating the variable value.

View

id: dropdown
type: dropdown-list
settings:
        floatingPlaceholder: true
    styles:
        overflow: full-width
        position:
                        horizontal: right
                        vertical: center
        data:
                columns:
            - attribute: RECORD.ATTRIBUTE1
                          id: 100
                          order: 100
            - attribute: RECORD.ATTRIBUTE2
                          id: 200
                          order: 200
                          displayName: CustomName
                          scope: hidden
                  onClick:
                update:
                        variables:
                                - name: <DUMMY_VARIABLES>

Variables

Make use of variables in case your selection option should change e.g. the dimension on a table or chart. You can learn about the concept of variables here.

Please find below an example of how to make use of Variables:

View

- id: DropDown
    type: dropdown-list
    settings:
      floatingPlaceholder: true
      data:
        columns:
            # dropdown for changing the variable, the suggested values of variable are from dataModel
            - attribute: ACTIVITY.USERNAME
                          id: 100
                          order: 100
              # current value of variable
              selected: ${currentUser1}
              onClick:
                update:
                  variables:
                    # list of the variables to change
                    - name: currentUser1
                    - name: currentUser2
            # dropdown for changing the variable, the suggested values of variable are from semantic-layer (DIMENSIONS)          
            - attribute: ACTIVITY.DIMENTIONS
                          id: 200
                          order: 200
              selected: ${currentDimension}
              onClick:
                update:
                  variables:
                    - name: currentDimension
            # dropdown for changing the variable, the suggested values of variable are from semantic-layer (CHARTS_TYPE_LIST)          
            - attribute: ACTIVITY.CHARTS_TYPE_LIST
                          id: 300
                          order: 300
              selected: ${currentChartType}
              onClick: #When referencing custom attributes in a dropdown you always need to define the "onClick" event.
                update:
                  variables:
                    - name: currentChartType

Knowledge Model

- customObjects:
  - id: CHARTS_TYPE_LIST
    displayName: Chart types
    customAttributes:
      list:
        - name: bar
        - name: line
  - id: DIMENTIONS
    displayName: Dimensions
    customAttributes:
      columns:
        - id: TOTAL_NUMBER_OF_INVOICES #In case you use 'text like this' then make sure to single quote it
        - id: TOTAL_NUMBER_OF_INVOICES_2
        - id: COUNT_ACTIVITIES
        - id: COUNT_USERS