CrimsonNumberPop · Lesson 4 of 8

Create the Pop Widget & Point Settings

Beginner4 minUISetup

Before you start

  • Completed: Create the Style Registry
Video coming soon

Chapters

1. Create the widget

Content Browser → Crimson → Number Pop → Number Pop Widget. It needs exactly two BindWidget children, named precisely: a Border called TextBorder and a Rich Text Block called TextBlock. No graph code required — the base class drives them.

The pop widget hierarchy: Border 'TextBorder' wrapping Rich Text Block 'TextBlock'.
No Canvas Panel root
The pop auto-sizes from its root's desired size — a Canvas Panel root reports zero and the pop collapses to nothing. Use the Border (or a Size Box/Overlay) as the root.

2. The text style set

Assign a Text Style Set DataTable to the TextBlock whose row names match the config's PrefixStyleTag / ValueStyleTag (both default to Default) — that's how a rule's style names resolve to actual fonts and colors.

3. Point Project Settings at both

Project Settings → Crimson → Crimson Number Pop: set Pop Registry Path and Pop Widget Class Path to your assets (loaded async at startup), plus Number Format (Comma Separated / Abbreviated / Raw) and Initial Pool Size (default 10).

Crimson Number Pop settings: registry path, widget class path, formatting, pool size.