Ask AI

Item on Click Actions

Setting actions on item click.

This category in the Actions tab of block settings lets you specify what happens when a user clicks on an item in your data representation (List, Calendar, and other blocks).

Apart from the default Do Nothing option, there are the following three options:

  • Open Page. Opens another page within your Softr app.
  • Open Url. Opens any given Url.
  • Scroll To. Scrolls to a specific section on the same or on any other page.
โ€œItem on clickโ€ options
โ€œItem on clickโ€ options

The following gif illustrates how that works from the userโ€™s perspective.

Opening a page on click
Opening a page on click

Open in

Further on, when you select one of these options, an Open in dropdown will appear below, where you can specify if the new destination should open in the Same Tab, in a New Tab, or inside a Modal (not available for the Scroll to option).

โ€œOpen inโ€ dropdown
โ€œOpen inโ€ dropdown

The Modal option has some additional settings, so letโ€™s check those out.

Modal

Modal settings
Modal settings

A modal is basically a pop-up that opens on the same page the userโ€™s on. It has two types: Centered and Sliding.

The Centered modal opens a pop-up in the center of the page, and you can also select a size for it.

Centered modal
Centered modal

The Sliding modal open a sidebar from the right side of the page.

Sliding modal
Sliding modal
Did this answer your question?
๐Ÿ˜ž
๐Ÿ˜
๐Ÿคฉ

Last updated on May 16, 2023