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