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

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
- Change language
Related guides
Links
Button
Dropdown