Can I customize the Nira toolbar or other interface buttons?
Written By Nira.app
Last updated 10 days ago
Configure the shared viewer
Open the asset's Share dialog and use Options to choose the default starting tool and which toolbar tools are visible. For an interior scene, for example, you can start with Teleport selected.
Clipping Volume: allow public viewers to enable and adjust clipping when this option is enabled.
Camera View Settings: let viewers change camera views and field of view. This control is off by default.
Photo Info: show or hide the photo metadata button. It is on by default. The Info window displays EXIF and XMP metadata; pinned attributes reset when the asset is reloaded.
Build a custom embedded interface
For a fully custom interface, use the iframe viewer API. Create one or more custom pages on your own website, dashboard, blog, etc., and embed a Nira viewer using an <iframe> tag. Additionally, you will need to use basic JavaScript and CSS to customize the experience. Here is a basic example of a custom toolbar page: https://embed-example.nira.app/custom-toolbuttons
You can examine the HTML of this page to understand how your custom toolbar can be implemented.
Developer integrations can also use the Viewer API's view_steady event to receive callouts ordered by distance from the camera, including distance and visibility information, after the view settles. This can drive a custom callout list as the camera or clipping volume changes.
Still need help? Share an idea