# Widget Interaction Component - Remove Red Arrow?

**URL:** <https://forums.unrealengine.com/t/widget-interaction-component-remove-red-arrow/375598>\
**Category:** XR Development\
**Tags:** Motion-Controller, VR-Vive, unreal-engine, editor, Widget, UE4, question\
**Created:** [November 6, 2016, 11:22pm UTC](https://forums.unrealengine.com/t/widget-interaction-component-remove-red-arrow/375598 "2016-11-06T23:22:37Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![DFILL450](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@DFILL450](https://forums.unrealengine.com/u/DFILL450)\
**Post date:** [November 6, 2016, 11:22pm UTC](https://forums.unrealengine.com/t/widget-interaction-component-remove-red-arrow/375598/1 "2016-11-06T23:22:37Z")

</div>

I’m using the widget interaction component childed to the VR motion controller component. There’s a giant red arrow that gets rendered from the component, and I’m wondering if there’s any way to remove it? Setting actor hidden / visible doesn’t do anything. Unchecking ‘Enable Hit Testing’ removes the red arrow, but then I can’t interact with any of the widgets.

---

<div class="post-metadata">

**Author:** ![DFILL450](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@DFILL450](https://forums.unrealengine.com/u/DFILL450)\
**Post date:** [November 8, 2016, 4:39pm UTC](https://forums.unrealengine.com/t/widget-interaction-component-remove-red-arrow/375598/2 "2016-11-08T16:39:57Z")

</div>

Anyone know how to do this?

---

<div class="post-metadata">

**Author:** ![DFILL450](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@DFILL450](https://forums.unrealengine.com/u/DFILL450)\
**Post date:** [November 9, 2016, 8:57pm UTC](https://forums.unrealengine.com/t/widget-interaction-component-remove-red-arrow/375598/3 "2016-11-09T20:57:17Z")

</div>

![114403-redarrow.jpg](https://d3kjluh73b9h9o.cloudfront.net/original/4X/0/7/5/075db4fccfe73efb23ba4f1e7feda14a2fc6f275.jpeg)

Just to add a reference photo of what I’m seeing:

---

<div class="post-metadata">

**Author:** ![DFILL450](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@DFILL450](https://forums.unrealengine.com/u/DFILL450)\
**Post date:** [November 9, 2016, 9:13pm UTC](https://forums.unrealengine.com/t/widget-interaction-component-remove-red-arrow/375598/4 "2016-11-09T21:13:16Z")

</div>

Hm, I just tried this with the VR template that Epic provides and don’t see the red arrow appearing anymore. Not really sure what the problem was, but I’ll just use the Epic’s motion controller blueprint.

---

<div class="post-metadata">

**Author:** ![anonymous\_user\_8c8a1b0d](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@anonymous\_user\_8c8a1b0d](https://forums.unrealengine.com/u/anonymous_user_8c8a1b0d)\
**Post date:** [November 30, 2016, 3:09pm UTC](https://forums.unrealengine.com/t/widget-interaction-component-remove-red-arrow/375598/5 "2016-11-30T15:09:23Z")

</div>

Red arrow can be disabled by unchecking “show debug” option in “debugging” section of widget interaction class component (valid if you are using 4.13/4.14 VR template)

---

<div class="post-metadata">

**Author:** ![navas87](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@navas87](https://forums.unrealengine.com/u/navas87)\
**Post date:** [March 15, 2017, 5:32am UTC](https://forums.unrealengine.com/t/widget-interaction-component-remove-red-arrow/375598/6 "2017-03-15T05:32:27Z")

</div>

I can do that manually, can it be done programatically? aka, I want to activate and deactivate the pointer

---

<div class="post-metadata">

**Author:** ![Mdksmash](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@Mdksmash](https://forums.unrealengine.com/u/Mdksmash)\
**Post date:** [April 8, 2017, 5:56pm UTC](https://forums.unrealengine.com/t/widget-interaction-component-remove-red-arrow/375598/7 "2017-04-08T17:56:30Z")

</div>

Hey, that’s how i managed it 🙂  
1 add a bolean variable

2 - set ur even starter ( ur hot key to disable or enable the pointer

3 take that event starter through a flipflop node

4- alt+drag that bolean variable ( 2 of them )

5- connect them same way shown on that image.

note :to get that widget interaction reference u just need to drag it from the components menu  
hope that will work for u

 ![133386-screenshot_10.png](https://d3kjluh73b9h9o.cloudfront.net/original/4X/7/3/d/73d6356879f0e72a16652ed61537e4418e6b366b.png)

---

<div class="post-metadata">

**Author:** ![Rossoliny1](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@Rossoliny1](https://forums.unrealengine.com/u/Rossoliny1)\
**Post date:** [May 17, 2024, 2:12pm UTC](https://forums.unrealengine.com/t/widget-interaction-component-remove-red-arrow/375598/8 "2024-05-17T14:12:05Z")

</div>

Instead of removing it you can access it’s properties and edit it as you wish.  
For that you need to create a child of UWidgetInteractionComponent and add UArrowComponent UPROPERTY there.  
Then you need to get defaul subobject called “ArrowComponent0” and save it to your UPROPERTY.  
Additionally you can disable visibility in OnComponentCreated function.

```auto
.h

UCLASS()
class MYGAME_API UMyWidgetInteractionComponent : public UWidgetInteractionComponent
{
	GENERATED_BODY()

	UMyWidgetInteractionComponent ();

	virtual void OnComponentCreated() override;

protected:
	UPROPERTY(EditAnywhere)
	UArrowComponent* Arrow;
};

```

```auto
.cpp
UMyWidgetInteractionComponent ::UMyWidgetInteractionComponent ()
{
	Arrow = Cast<UArrowComponent>(GetDefaultSubobjectByName(TEXT("ArrowComponent0")));
}

void UMyWidgetInteractionComponent ::OnComponentCreated()
{
	Super::OnComponentCreated();

	if(IsValid(Arrow))
	{
		Arrow->SetVisibility(bShowDebug);
	}
}

```

After than I am using only UMyWidgetInteractionComponent and I am able to control arrow of widget interaction component.

class MYGAMEAPI AMyMotionController : public AActor  
{  
GENERATED\_BODY()  
public:  
AMyMotionController();

protected:  
UPROPERTY(EditAnywhere)  
UArrowComponent\* WidgetInteractionArrow;  
};

```auto

AMyMotionController ::AMyMotionController ()
{
	WidgetInteractionComponent = CreateDefaultSubobject<UMyWidgetInteractionComponent>("WidgetInteractionComponent");
	if(IsValid(WidgetInteractionComponent))
	{
		WidgetInteractionComponent->AttachToComponent(MotionControllerComponent, FAttachmentTransformRules::KeepRelativeTransform);
		WidgetInteractionArrow = WidgetInteractionComponent->Arrow;
		WidgetInteractionArrow->AttachToComponent(WidgetInteractionComponent, FAttachmentTransformRules(EAttachmentRule::KeepRelative, false));
	}
}

```

And now in my BP\_MyMotionController I am able to configure that arrow.

 ![image](https://d3kjluh73b9h9o.cloudfront.net/original/4X/7/1/2/712fcff0e460f9fedffd3fc9743f47b9f1dc91e6.jpeg)