> For the complete documentation index, see [llms.txt](https://prismdx.gitbook.io/rsst/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://prismdx.gitbook.io/rsst/documentation/dx-radial-menu/how-to-use.md).

# How to use

{% hint style="info" %}

1. Add the BPC\_DXRadialManager component to your player character.
   {% endhint %}

<figure><img src="https://2381979417-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJ0a2kBLTHoybE1HnMP4R%2Fuploads%2FD19UnR2zXwZ2Bb5aiZEr%2Fimage.png?alt=media&amp;token=78a879aa-a014-4a8e-a77b-b60e72f23218" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
2\. Add the BPC\_DXRadialSettings component to the actor you want to interact with.
{% endhint %}

<figure><img src="https://2381979417-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJ0a2kBLTHoybE1HnMP4R%2Fuploads%2Frk8XJieZeRBcl4sfjFOh%2Fimage.png?alt=media&amp;token=149fd7c3-6511-46de-9204-c0f44a06f47e" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
You can add more options by pressing the + sign next to the menu options.&#x20;
{% endhint %}

<figure><img src="https://2381979417-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJ0a2kBLTHoybE1HnMP4R%2Fuploads%2F7LqoTzSd38TeyZkOgPa2%2Fimage.png?alt=media&amp;token=8530db19-2dca-4f64-a359-e5f0a5eccab6" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
3\. Now open the actor to implement some functionalliy. Start by clicking the BPC\_DXRadialSettings in the components window and then press the + sign next to `ED on Interact` .
{% endhint %}

<figure><img src="https://2381979417-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJ0a2kBLTHoybE1HnMP4R%2Fuploads%2Fgijp0GRMUt4sAKV1nJBE%2Fimage.png?alt=media&amp;token=85dff1ba-cb7a-4735-8f4b-78e1318a6c80" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
4\. This event `ED on Interact` will now appear, and you can add functionallity like this.&#x20;

I'll be using the employee implementation for this example.
{% endhint %}

<figure><img src="https://2381979417-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJ0a2kBLTHoybE1HnMP4R%2Fuploads%2FHuHKyPenmkmHnBjAqEZW%2Fimage.png?alt=media&amp;token=5b3edeca-12e7-4deb-b3a9-ce84eb83b4d8" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Now drag from the index pin, search for switch and select it.
{% endhint %}

<figure><img src="https://2381979417-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJ0a2kBLTHoybE1HnMP4R%2Fuploads%2FTxhHW7vG6e4KNqxW9OZz%2Fimage.png?alt=media&amp;token=29429fa4-b960-4ba5-8c2e-44809dbafdd9" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Then press add pin to get the execution path for each index. The index is taken from the menu entry found in the `BPC_DXRadialSettings` component.&#x20;

Now you will be able to add functionallity for each option as you keep adding execution paths to the switch node.
{% endhint %}

<figure><img src="https://2381979417-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJ0a2kBLTHoybE1HnMP4R%2Fuploads%2FT5LT8U8O5ELmgvUhUZVN%2Fimage.png?alt=media&amp;token=d5d11724-44a7-4258-a715-4469e5ef5c48" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
The index is taken from the menu entries. So entry 1 ( menu option 1 will be index 0 as seen in the picture below ) Use this to implement the correct / intended behavior using the switch on int matching the menu entry.&#x20;
{% endhint %}

<figure><img src="https://2381979417-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJ0a2kBLTHoybE1HnMP4R%2Fuploads%2FUJMMQGTWpjUoyRuvodgw%2Fimage.png?alt=media&amp;token=6627738d-17cf-4683-9622-d78a7e3bf673" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2381979417-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJ0a2kBLTHoybE1HnMP4R%2Fuploads%2FPlPYPpCOlr0bPYoxnUvT%2Fimage.png?alt=media&amp;token=c53c9b75-8162-426d-b4e0-fe425b5d6a80" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
And to finish it of, you'll have access to some configuration in `DA_RadialConfig` found at

&#x20;`DX_RadialMenu -> Config` . More options will come once i keep improving the menu.
{% endhint %}

<figure><img src="https://2381979417-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJ0a2kBLTHoybE1HnMP4R%2Fuploads%2FKXMsyssGsIZUGYLzoJm2%2Fimage.png?alt=media&amp;token=b583993a-c9cc-4227-853c-c03399267d55" alt=""><figcaption></figcaption></figure>

### Tutorial video

{% hint style="info" %}
Here is a short tutorial video showing the process.
{% endhint %}

Coming soon..
