Hover Actions
A property triggered when your mouse pointer hovers over an element
Description
Hover actions act like action buttons but are triggered when your mouse pointer hovers over an element. Hover actions are often used on buttons to indicate that they are clickable.
How To
First, select an element that you want to act as the control for the hover action. That means this element will activate the hover action when a mouse pointer is hovering over it. Elements often used are action buttons, images, and text.
![Screen Shot 2021-07-16 at 1.01.55 PM.png 1892](https://files.readme.io/c240dbc-Screen_Shot_2021-07-16_at_1.01.55_PM.png)
Then, search hover action in the Advanced Properties panel and select the icon.
![Screen Shot 2021-07-16 at 1.02.23 PM.png 1176](https://files.readme.io/1b38020-Screen_Shot_2021-07-16_at_1.02.23_PM.png)
To set the hover action click the icon and use the Action Builder to indicate which elements and properties should be modified when a user is hovering.
![Screen Shot 2021-07-16 at 1.03.38 PM.png 2836](https://files.readme.io/0854dbc-Screen_Shot_2021-07-16_at_1.03.38_PM.png)
Note
Hover actions are visible only to the user hovering over that element.
Lastly, click save and test the hover action by hovering your mouse pointer over the element you just set up.
![Screen Recording 2021-07-16 at 1.04.10 PM.gif 354](https://files.readme.io/083e500-Screen_Recording_2021-07-16_at_1.04.10_PM.gif)
Updated almost 3 years ago