Layout Controls

FlexCore provides structural layout components: PageLayoutControl, LeftPanelControl, CenterPanelControl, RightPanelControl, and DashboardLayoutControl.

Page Layout with Panels

Navigation

Dashboard
Reports
Settings

Main Content Area

This center panel fills the remaining horizontal space. The left and right panels can be collapsed.

Task Progress· 65% complete

65%

Properties

Selected item details would appear here.

Dashboard Grid

1,234

Orders

↑ +5.2%

$89K

Revenue

↑ +12%

98.5%

Uptime

↑ +0.1%

Traffic

Sources

Organic

Paid

Referral

Direct

Markup

<PageLayoutControl Height="100%">
    <LeftPanelControl Width="200px" Collapsible="true">
        <!-- Navigation -->
    </LeftPanelControl>
    <CenterPanelControl>
        <!-- Main content -->
    </CenterPanelControl>
    <RightPanelControl Width="250px" Collapsible="true">
        <!-- Properties/details -->
    </RightPanelControl>
</PageLayoutControl>