Screen Structure Components

Screen structure components define how content is arranged and organized within a screen. These components are available in the SCREEN STRUCTURE section of the Components toolbar.

Available components

Component	Purpose
Screen	Container for embedding another screen inside the current screen.
Placeholder	Defines a dynamic region where content can be injected.
Content Area	Primary container for screen content.
Tab Group	Groups multiple tabs into a tabbed interface.
Tab	Defines a single tab within a Tab Group.
Toolbar	Displays actions or controls related to the screen.
Expansion Panel	Expandable container for grouping content.
Divider	Visual separator between sections.
Navigation List	Container for navigation items.
Navigation Item	Single navigation entry.
Main Layout	Top-level layout container for a page.
Main Layout Sidebar	Sidebar region within the main layout.
Main Layout Sidebar Toggle Button	Control to show/hide the sidebar.

Screen component

Use the Screen component to embed one screen inside another screen.

This is commonly used when a parent screen needs to reuse an include screen, such as embedding PurchaseRequestInclude inside a create, update, review, or approval screen.

When you add a Screen component, configure its Screen property to point to the screen you want to embed.

Property	Purpose
Screen	Selects the screen to embed inside the current screen.
Flex	Controls how the embedded screen behaves inside flexible layouts.
Fill parent	Controls whether the embedded screen fills the available parent container.

✅

Tip

Use the Screen component when you want to reuse an existing screen instead of rebuilding the same UI in multiple places.

When to use these components

Use screen structure components when:

• Defining page layout
• Organizing content hierarchies
• Creating navigation structures
• Building reusable layouts

🧠

Key Lesson

Screen structure components define where content appears. Core and layout components define what users see and how content is arranged.