Button Components

OKO Web Client 2.24.1 - CSP 4.19.0 | Version 1.0.0 (117785) - CSP 4.18.0 - UE 5.1

This guide will assist you in adding an interactable Button Component to an Entity.

Instructions for OKO Web

With an Entity selected, pick the Button Component from the Component List.

Once selected, the Button Component will appear under the Entity in the Properties Menu. You will also see the settings for the Button Component.

Transforms – the Position, Rotation, and Scale transforms can be used to place your Button Component anywhere in the space.

Enabled checkbox – if you want your Button Component to exist in the space, but not be activated, uncheck the “Enabled” box.

Visible in AR checkbox – you can decide if the Button Component will appear in AR using this. 

Label – the label of the button can be adjusted via this text box.

Once finished with the setup, test it!

Hover over the Button Component and confirm that its visual state changes.

The button can be used to create interactive experiences. Script Components are required to respond to button click events and can in turn control the state of other Components. So for example, a light switch could be created by having a Script Component control the intensity of a light whenever a button is clicked.

Instructions for the OKO Unreal Editor Extension Plugin

Button Components can also be added to a space using the OKO Unreal Plugin.

To add a Button Component using the OKO Plugin, select an OKO Entity and search for the Component as shown below.

Once added, you will see a settings menu where you can edit your button’s properties and customize it.

That’s it for Button Components.