UI Customization Workflow

Understanding how to customize UI Blocks.

Each block can be customized, but how they are customized may vary. Here are the 4 common ways to customize a block:

• Use the available inspector options of the block (replace prefabs, change values, binding etc.)

• Edit the block with the uGUI system (resize, reposition, change image, etc.)

• Inheritance (scripting, not available for larger blocks)

• Custom Block (scripting)

Slot Example

Follow the steps below to have detailed item slots. The default item slot block is used as a starting point for this example.

Reproduction steps:

1. Increase the slot size.

2. Decrease the icon size and move it to the top-left.

3. Add a text block as a child of the slot and position it to the top-right.

4. Click the text block, set Target Type to Custom, drag and drop the parent into the Auto Bind Target field, and select the GetDisplayName method.

5. Position the amount label below it.

6. Add another text block as a child of the slot and position it below all other descriptions.

7. Click the text block, set Target Type to Custom, drag and drop the parent into the Auto Bind Target field, and select the GetDescription method.