Quick links

Standards FAQ

🔑 Sign in

🆕 Create account

💬 Chat on Slack

📩 [email protected]

🖥 Website standards.site

🐦 Twitter @standards_site

📷 Instagram @standards.site

Design & Editing

Editor overview

Preparing logo assets

Click & Hover Behaviors

Text

Media

Accessibility

Button

Dropdown

Sequence

Navigation Menu

Links

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


On Hover

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

on-hover-dropdown.png

Common uses

Applying On hover behaviors

  1. Within the project editor, select the element to apply On hover to
  2. A toolbar will show near the selected element
  3. Select the On hover 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 Hover behaviors


Related guides

Links

Button

Dropdown


Return to Standards Help Center