Icons
Icons can assist in guiding users to areas of the space, and can be particularly useful in 360 scenes. Icons can also be for user instruction within a space.
You can try them out here: https://app.learnbrite.com/dashboard/spaces/visit/spc050a7fcde93ee136353582
Jump to:
Change the icon background color
Change the icon background hover over color
Placing an Icon
- Click the Pencil+ icon in the top right corner to open its menu.
- Click ”Add icon” from the menu.
Icon Attributes
Change the size of an icon
- Enter the new size of the icon in pixels. The number entered reflects both height and width.
Change the icon
- Click the Select button.
- Choose a new icon
The new icon will appear under “Selected:”.
- Click the Select button.
Change the icon color
- Click on the Icon Color rectangle.
- Select a new color.
- Click outside of the color window.
Change the icon background color
- Click on the Bg Color rectangle.
- Select a new color.
- Click outside of the color window.
Change the icon background hover over color
- Click on the Bg Color (over) rectangle.
- Select a new color.
- Click outside of the color window.
Toggle
Active by default. Toggle changes the icon to a checkmark upon user click.
To choose toggle state
Click on the Is Toggle checkbox.
Texture
Icons can be customized by adding a new texture. New textures can be added for the normal and Toggle state of the icon. Note: Adding Texture and Texture (over) images will override the Icon, Size, Icon Color, Bg Color and Bg Color (over) parameters if the icon. Adding a Texture checked and Texture checked (over) images will override the Toggle state of the icon.
Add texture
Place a link to an image file in the Texture field.
Add texture (over)
Place a link to an image file in the Texture (over) field.
Add texture checked
Place a link to an image file in the Texture checked field.
Add texture checked (over)
Place a link to an image file in the Texture checked field.
Adding Actions to the Icon
Enter the action into the On Click field, found in the Events section.
Or click the Edit Action button at the right of the On Click field.
For more detailed information on using Edit Action, please refer to the “Conversation & Action Editor” guide. |