Icons

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:

Placing an Icon

Icon Attributes

Change the size of an icon

Change the icon

Change the icon color

Change the icon background color

Change the icon background hover over color

Toggle

To choose toggle state

Texture

Add texture

Add texture (over)

Add texture checked

Add texture checked (over)

Adding Actions to the Icon

Placing an Icon

  1. Click the Pencil+ icon in the top right corner to open its menu.


  1. Click ”Add icon” from the menu.

Icon Attributes

Change the size of an icon

  1. Enter the new size of the icon in pixels. The number entered reflects both height and width.


Change the icon

  1. Click the Select button.

  1. Choose a new icon

The new icon will appear under “Selected:”.

  1. Click the Select button.

Change the icon color

  1. Click on the Icon Color rectangle.

        

  1. Select a new color.

  1. Click outside of the color window.

Change the icon background color

  1. Click on the Bg Color rectangle.

        

  1. Select a new color.

  1. Click outside of the color window.

Change the icon background hover over color

  1. Click on the Bg Color (over) rectangle.

        

  1. Select a new color.

  1. 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.

How useful was this article?

Click on a star to rate it!

We are sorry that this article was not useful for you!

Let us improve this article!

Tell us how we can improve this article?