Skip to main content
Interactions reference

List of extra interactions you can come across while working with component interactions.

Updated over a week ago

Note: This article contains additional interactions and most of them are predefined within certain page components. If you are looking for the primary set of interactions, you can find them in What are component interactions? article.

Interaction name

Description

Supported by

Cursor to pointer

When you hover over a component, the cursor changes to a pointer

Box

To opaque

Makes a box component opaque on certain action

Box

To transparent

Makes a box component transparent on certain action

Box

To semi transparent

Makes a box component semi-transparent on certain action

Box

Set custom background image

Add a custom background image to your box component

Box

Remove custom background image

Remove a custom background image from your box component

Box

set Selected Record

Update the selected record component-state attribute of data tables or data lists

Data

Toggle loading state

Shows a loading animation when a component is pressed

Action button, Button, Menu item

Submit

Data in the form gets passed to the action

Form

Filter

Enables you to filter on a certain parameter

Form, Data container, Data list

Reset filter

Resets the filter set previously and returns to default

Form, Autocomplete, Data container, Data list, Data table, Radio, Select

Refetch Page variable

Refetches the selected page variable, so that I have the latest record details present on my page.

Page variable, every component that uses the page variable

Clear

Clears the value set using the autocomplete and datetime picker components

Autocomplete, Datetime picker

Next step

Shows the next slide in the carousel or stepper components

Carousel, Stepper

Previous step

Shows the previous slide in carousel or stepper components

Carousel, Stepper

Reset

Resets the values of the following components

Checkbox group, Checkbox, Radio, Rating, Select, Text input

Check

Marks as checked

Checkbox

Uncheck

Leaves unchecked

Checkbox

Check/Uncheck

Marks as checked or leaves unchecked

Checkbox

Set visibility

Hides the conditional and its content

Conditional

Set left value

Sets the left-side value of the condition

Conditional

Set right value

Sets the right-side value of the conditional

Conditional

Set current record from select

Passes an ID from a select component to other data components

Data container

Advanced filter

Sets the filter component to enhance the filtering experience

Data container, Data table

Clear advanced filter

Removes the filter from the data component

Data container, Data list, Data table

Expand

Expands the expansion panel component

Expansion panel

Collapse

Returns the expansion panel component to the default (closed) state

Expansion panel

Expand/Collapse

Either expands or collapses (closes) the expansion panel (depending on its state)

Expansion panel

Clear file upload

The file upload component is cleared

File upload

Add filter group

Add multiple rows within the filter component

Filter

Reset advanced filter

Clears the values previously set to filter component

Filter

Apply filter

Applies the values previously set to filter component

Filter

Set custom image

Enables you to insert a custom image

Media

Remove custom image

Enables you to remove a custom image

Media

Next tab

Switches to the next tab

Tabs

Previous tab

Comes back to the previous tab

Tabs

Did this answer your question?