Element
Actions that manipulate elements on the page.
Last updated
Was this helpful?
Actions that manipulate elements on the page.
Last updated
Was this helpful?
This core reference entry is suited for beginner-level builders.
Shows an element or popup. If the element is a container, the elements inside will be shown as well.
Hides an element or popup. If the element is a container, the elements inside will be hidden as well.
When building a native app, use native animations when a group is hidden, like sliding, etc. This provides a more native experience. Choose from None, Slide, and Flip.
Select the direction of the animation. Choose from Left, Right, Up, and Down.
Use this action to toggle an element or popup. If the element is visible, it will be hidden. If the element is hidden, it will become visible.
Use this action to scroll the page to a specific element. The page will be scrolled so that it is at the top of the browser window. This is useful for navigation buttons.
Enter a number in pixels to offset the scroll position. This is useful for a floating header that is near the top of the screen.
Use this action to animate elements on the page. The 'transition' animation hides or shows the element as an action would do.
Choose the animation to use. A thumbnail shows allowing you to preview the animation.
By default, animations have a preset length. Check this box to override this setting.
Enter the animation duration in milliseconds.
Assign custom states to elements to store additional information. For example, the current tab that a group shows, etc. This action modifies the value of the state. Use the state of an element in the Conditional section in the Property Editor to change how it displays based on the value of the custom state.
Select the state to modify. Create a new state by selecting 'Create a new custom state...' in the dropdown menu.
This is the value to assign to the custom state. It should be of the type of the custom state defined when the state was created.
Click this button to set another custom state for this element.
This action sets the focus to an input. If the input is not currently visible on the screen, the page will automatically scroll to the input.
This action wipes the content of the inputs that were used in the workflow with this action. This is useful if you do not want users to click twice and run the workflow twice. The result inputs will either be empty or contain the default value defined for each of them.
Cancel an in-progress upload of a file uploader. You can check if an upload is in progress using the 'is loading' state on the uploader.
This action shows an alert. It is different from the Show element action because the element is shown with a fade in and fade out animation.
Enter the length of the fade-in animation in milliseconds.
Enter the number of milliseconds to keep the alert visible.
Enter the length of the fade-out animation in milliseconds.
Check this box to overwrite the message defined at the Alert element level.
Enter the new message to display.
This action defines which data a group or popup should use, provided a type of content was defined at the element level. It overwrites the data source set at the group/popup level. It also resets the data of any inputs or groups that are children of this element.
Select the thing to be displayed in this group or popup. If the type isn't consistent with the element's type, the expression will be red or a popup will prompt you to change the element's type.
This action resets a group or popup. When this happens, the data source reverts to what was initially set at the element's level, and the inputs are deleted.
This action defines which list of things a repeating group displays. It overwrites the data source set at the element level.
This defines the list of things that should be displayed in the repeating group. If the type isn't consistent with the element's type, the expression will be red or a popup will prompt you to change the element's type.
Known Issue
With large repeating groups, especially ones showing a lot of data per cell (e.g. images), if the data source changes while the repeating group is visible, what's shown in the repeating group might have a visual lag as it refreshes in chunks. To mitigate this, consider hiding the repeating group, then changing the data source, then showing the repeating group again.
Reset the list of a repeating group to what is defined at the repeating group's level. If no data source was defined at the element's level, the list will be empty.
When using the group in a 'Fixed number of cells' layout, use this action to go to the next page in the repeating group.
If checked, the repeating group will display the first page after displaying the last one so that users can keep moving through the pages.
When using the group in a 'Fixed number of cells' layout, use this action to go to the previous page in the repeating group.
If checked, the repeating group will display the first page after displaying the last one so that users can keep moving through the pages.
When using the group in a 'Fixed number of cells' layout, use this action to jump to a given page in the repeating group.
This number, which can be dynamic, is the page to go to. If the length is shorter than the entered number, it will go to the last page.
Scrolls a repeating group so that a given entry is at the top of the list. This doesn't work with repeating groups in the 'Fixed number of cells' layout. In Infinite scroll mode, the list is scrolled to the correct position. In Full list mode, the entire page will be scrolled so that the entry is at the top of the screen.
This is the entry to scroll to. If it is not in the list, nothing will happen. It should be of the same type as the repeating group.
Check this box to apply a 300-milliseconds animation as the page/list scrolls.
By default, this action will scroll so that the entry is at the top of the element (or the screen). If you need to add an offset, for instance if a header is at the top of the screen, you can enter a number of pixels there.
This action overwrites the list of places a map shows. It takes a list of things that contain a geographic address and displays them on the map. When doing so, the zoom of the map is adjusted automatically to show all markers.
Define the list of things that should be displayed on the map. If the type isn't consistent with the map's type, the expression will be red or a popup will prompt you to change the element's type.
This action sets the currently selected map marker on a map. Only works for maps that are displaying a list of markers. When this action is run, the map's 'current marker' will change to the value of 'To select'. If the map is configured to display custom map markers for the selected item, and the value of 'To select' corresponds with a marker currently visible on the map, that marker will be visibly selected. Also, if 'Show title window' is turned on, the title window will be shown if it was currently hidden. Otherwise, there won't be a visible change to the map.
The map marker to select. Must be the same type of thing currently displayed as the map's list.
This action clears the map and uses the data source defined at the map level.
This action automatically adjusts the map zoom so that all markers are visible.
By default, the action adjusts the zoom and center so that all markers on the map are shown. Check this box to define the zoom and center manually.
This is the address used to center the map.
This is the zoom level applied to the map.