# Viewport Navigation

To navigate inside Unreal Engine 5.1 without toggling between [Engine Display Window](https://zerodensitydocumentation.gitbook.io/docs/reality-5.4/reality-5.4/user-guide/launcher/engine-display-window) and RealityHub, you can employ the following method:

* Go to **Outliner** and select **Camera Actor.**

<div align="left"><figure><img src="https://content.gitbook.com/content/oKRkWKIoT5UAB0ERhlgD/blobs/G7R2iRWbmW6OJBqkvjWF/Image%201.png" alt=""><figcaption><p>Details Panel</p></figcaption></figure></div>

* Expose the following properties as shown above.

<div align="left"><figure><img src="https://content.gitbook.com/content/oKRkWKIoT5UAB0ERhlgD/blobs/wS7mnHTVrb8kfotv0MJj/Image%202.png" alt=""><figcaption><p>RCP Expose Section</p></figcaption></figure></div>

* Create a new **Group** and rename it, such as Camera Controller.
* Drag and drop **Camera Actor Properties** into the Camera Controller **Group**, as shown above.
* Save the **Remote Control Preset** (RCP).

<div align="left"><figure><img src="https://content.gitbook.com/content/oKRkWKIoT5UAB0ERhlgD/blobs/r5pHdwdAficVDhvXs5RJ/Image%203.png" alt=""><figcaption><p>Level Blueprint Access menu</p></figcaption></figure></div>

* Open the **Level Blueprint.**

<div align="left"><figure><img src="https://content.gitbook.com/content/oKRkWKIoT5UAB0ERhlgD/blobs/Qgp9cs6lxxKbHkUiKwWL/Image%204.png" alt=""><figcaption><p>Example Blueprint Node Tree inside the Event Graph </p></figcaption></figure></div>

* Create the node tree as shown above.
* **Compile** and **Save** the Level Blueprint.
* Go to **File** > **Save All**, and close the Unreal Editor.

<div align="left"><figure><img src="https://content.gitbook.com/content/oKRkWKIoT5UAB0ERhlgD/blobs/yYES51NtgDCnWFjcaEdl/Image%205.png" alt=""><figcaption><p>Camera Controller Group Properties</p></figcaption></figure></div>

* Launch the project with RealityHub. Activate the **Advanced Preview Monitor** (APM) on **Channel A.**

You can now control viewport navigation by adjusting the **Camera Controller Group** properties, such as <mark style="color:red;">**`Relative Location`**</mark> and <mark style="color:red;">**`Relative Rotation`**</mark>.