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

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.

Common uses
- Hyperlinking Text for navigation and external links
- Downloading files from Media and Buttons
- Copying hex codes from color Swatches
- View full list of behaviors below
Applying On click behaviors
- Within the project editor, select the element to apply On click to
- A toolbar will show near the selected element
- Select the On click button
- Select the desired behavior from the listed options
- Fill the additional information suitable for each behavior
- 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
- Link to page
- Jump to
- Link to URL
- Download file
- Email
- Copy HEX
- Open & close
- Forward, Backward
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.

Common uses
- Showing Tooltips
- Swapping between two Media files
- Playing video Media
Applying On hover behaviors
- Within the project editor, select the element to apply On hover to
- A toolbar will show near the selected element
- Select the On hover button
- Select the desired behavior from the listed options
- Fill the additional information suitable for each behavior
- 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
- Show Tooltip
- Swap Media
- Play Video
- Play Audio
- Track Cursor
Related guides
Links
Button
Dropdown
Return to Standards Help Center