---
tags:
- UI Page widgets
alias: user-guide-uipage-widgets-augmented-reality-widget
widgetname: Augmented Reality
description: "This documentation explains how to configure and customize an augmented reality widget"
---

# Augmented Reality

![AR Icon](images/augmented_reality_icon.png)

## Overview

The Augmented Reality widget enables the user to define a view of the multiple objects in the environment. Through the configuration of this widget, users are able to pick and interact with the desired objects.

## General Steps

{% include-markdown 'includes/pages/ui_widgets_general_steps_with_behavior.md' %}

![Diagram showing an SVG element.](images/ARwidget.png)

## Widget Customization

1. Optionally, in the **Style** tab, you can define a Border Width and Color.

    ![Screenshot showing the AR widget customization settings with options for border width and color.](images/ARwidget_style.png)

2. In the **Setup** tab, define:

    * **Alow Rotation** - Specify whether to allow rotation. This option is set to `true` by default.
    * **Allow Depth** - Specify whether to allow depth. This option is set to `true` by default.
    * **Zoom** - Set the zoom factor. This value ranges from 0.5 to 1.5, with increments of 0.1. The zoom factor works as follows:

          * **0.5** - Reduces the size by half.
          * **1** - No zoom (default size).
          * **1.5** - Magnifies the size by half.

    ![Screenshot showing augmented reality widget settings.](images/ARwidgetsetup.png)

3. Optionally, define the **Links** between this widget and other elements of the UI Page.

    ![Screenshot showing widget augmented reality settings with links to other UI page elements.](images/ARwidgetlinks.png)

4. By saving and closing the settings, the widget will be changed accordingly.

!!! info
	For more information, see the [[tutorials-augmentedreality]] tutorial.