Quick links

Standards FAQ

🔑 Sign in

🆕 Create account

💬 Chat on Slack

📩 [email protected]

🖥 Website standards.site

🐦 Twitter @standards_site

📷 Instagram @standards.site

Updates

Release 12.0

Design & Editing

Editor overview

Adding

Responsive Optimizations

Layouts

Grid

Preparing logo assets

Click & Hover Behaviors

Text

Media

Button

Dropdown

Sequence

Navigation Menu

Links

Color

Components

Automations

Tooltips

Effects

Files & Downloads

Collaborative editing

Project backups

Accessibility

Localization

Workspace & Project Management

Publish & share

Dashboard overview

Workspaces

on-click-hover-widget.gif

Click and hover behaviors are fundamental settings that transform static pages into a dynamic website.

In this guide:


On Click

On click is a grouping of settings that trigger a behavior from a mouse click and are contextual to the element it’s enabled on. On click can be enabled on various elements such as media and button.

on-click-dropdown.png

Common uses

Applying On click behaviors

  1. Within the project editor, select the element to apply On click to
  2. A toolbar will show near the selected element
  3. Select the On click button
  4. Select the desired behavior from the listed options
  5. Fill the additional information suitable for each behavior
  6. Select Done or click outside the toolbar to deselect

<aside> 💡 Tip: Make sure the desired element is selected. It is easy to select groups, rows, columns which do not have On click options

</aside>

On Click behaviors



Related guides

Links

Button

Dropdown