Node Displayable Widgets

This section will guide you on how to create your own node content widget.

---

---

Creating a new Displayable Widget class

1. Right-click in the Content Drawer.

2. Navigate to User Interface.

3. Select Widget Blueprint.

1. Search for DisplayableWidgetBase widget class and select it.

See Task Node properties to display your content widget.

---

Tutorial: Text Box displayable widget

In this demonstration, we will create a custom widget that includes a text box for displaying and editing a string variable.

1. Create and open a Displayable Widget.

2. Add a text box to the widget.

1. Switch to the Graph Editing Mode.

1. Implement the loading logic to update the value upon initial display. Task variables are loaded before the displayable widgets are shown, so you can handle this in the Construct event.

1. Implement the text change logic to update the task variable and then save the node properties.