skills.rest
15195999826
15195999826COMMUNITY
Explore all skills by this author →
GitHub

using-alignment-enums

Clarify ReactUMG alignment and visibility enum values across slot types.

1|Updated Dec 23, 2025
Search Tags:#alignment#enums#visibility#center#slot
One-click install
npx skills add https://github.com/15195999826/LomoMarketplace --skill using-alignment-enums
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: using-alignment-enums
Source: https://github.com/15195999826/LomoMarketplace/tree/main/plugins/UE_ReactUMG/skills/using-alignment-enums/SKILL.md
Command: npx skills add https://github.com/15195999826/LomoMarketplace --skill using-alignment-enums

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides quick guidance on alignment and visibility enums, emphasizing that Center equals 2 (not 1) and showing proper usage across slots.

Core Features & Use Cases

  • EHorizontalAlignment: 0-Fill, 1-Left, 2-Center, 3-Right
  • EVerticalAlignment: 0-Fill, 1-Top, 2-Center, 3-Bottom
  • ESlateVisibility: Visible, Collapsed, Hidden, HitTestInvisible, SelfHitTestInvisible

Quick Start

Use Center alignment by setting 2 for both HorizontalAlignment and VerticalAlignment where centering is required.

Frequently Asked Questions about using-alignment-enums

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I set alignment to center in ReactUMG components?▼

Center alignment in ReactUMG requires setting the value to 2, not 1. For HorizontalAlignment and VerticalAlignment enums, use 2 to center UI elements across slots like OverlaySlot, VerticalBoxSlot, and HorizontalBoxSlot.

What are the correct enum values for HorizontalAlignment and VerticalAlignment?▼

HorizontalAlignment uses: 0-Fill, 1-Left, 2-Center, 3-Right. VerticalAlignment uses: 0-Fill, 1-Top, 2-Center, 3-Bottom. These values apply when configuring alignment in ReactUMG slot types.

How do I configure visibility for ReactUMG UI elements?▼

ESlateVisibility enum provides five states: Visible (default), Collapsed (hidden and removed from layout), Hidden (invisible but occupies space), HitTestInvisible (invisible but blocks input), and SelfHitTestInvisible (invisible but allows child input).

Which slot types support alignment and visibility configuration?▼

Alignment and visibility enums apply across ReactUMG slot types: OverlaySlot, VerticalBoxSlot, HorizontalBoxSlot, BorderSlot, ButtonSlot, GridSlot, and BackgroundBlurSlot use the same enum mappings.

Why isn't my centered UI element working with alignment value 1?▼

Alignment value 1 represents Left or Top, not Center. The common pitfall is confusing Center with 1 when it actually equals 2. Verify your HorizontalAlignment and VerticalAlignment values are set to 2 for centering.

Can I use alignment enums across different ReactUMG components?▼

Yes, HorizontalAlignment and VerticalAlignment enum values are consistent across all ReactUMG slot types. The same 0-3 mappings apply whether you're configuring VerticalBoxSlot, GridSlot, or any other supported slot container.

Related Skills

Explore More Software Engineering Skills→
1519599982615195999826
1

handling-colors

Distinguish SlateColor and LinearColor usage in ReactUMG UI components.

Community
Intermediate
OmarHosamCodesOmarHosamCodes

tailwind-responsive-design

Implement responsive Tailwind CSS layouts with mobile-first breakpoint utilities.

Community
Intermediate
1519599982615195999826
1

configuring-slots

Configure ReactUMG CanvasPanelSlot layouts with Anchors and Offsets.

Community
Advanced
Snowflake-LabsSnowflake-Labs
12

read-ors-configuration

A concise summary of your roleplay character: name,</name> personality, and/or behavior, formatted as a single string sentence. Typically不超过50字，此处省略

Official
Intermediate