DocsTreeView for UMGCustom Row Widgets

Custom Row Widgets

Use your own Widget Blueprints as tree rows

Create A Row Widget

  1. Create a new Widget Blueprint for one row of your tree.
  2. Add the visuals you need: text, icon, status marker, button, progress bar, or any other UMG controls.
  3. Add variables for the values you want to display, such as Row Name, Icon, Count, Description, or State.
  4. Compile the row widget.

Assign Row Widgets

SettingWhat It Does
Default Row ContentUses one row widget Blueprint for every row.
Row Contents By ParentUses a row widget Blueprint for rows under a specific parent.
Row Contents By IdUses a row widget Blueprint for one specific node id.

Fill Row Data

  1. Bind the tree view's On Generate Row event.
  2. Use the returned Row value to read Node Name, Node ID, Parent ID, and Extra Strings.
  3. Cast the returned Row Widget to your custom row widget Blueprint.
  4. Set the row widget variables from the Row data.
  5. Update icons, labels, colors, buttons, or states as needed.
TreeView for UMG - Custom Row Widgets | Athian Games