How do I install the Syncfusion Maui Docklayout skill?

Run npx skillmds@latest add gabrielmoreira/syncfusion-maui-docklayout in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Syncfusion Maui Docklayout safe to use?

This skill has not completed SkillMD's automated safety review yet. Capability flags: docs only. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Syncfusion Maui Docklayout?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Syncfusion Maui Docklayout free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Syncfusion Maui Docklayout?

gabrielmoreira (@gabrielmoreira) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Syncfusion Maui Docklayout by gabrielmoreira

Name: Syncfusion Maui Docklayout
Rating: 4.2 (5 reviews)
Author: gabrielmoreira

Syncfusion Maui Docklayout

Implements Syncfusion .NET MAUI DockLayout (SfDockLayout) for arranging and docking child elements in defined areas. Use this for creating docking layouts, positioning UI elements at edges (top/bottom/left/right), building dashboard layouts, or arranging multi-region interfaces. Covers dock positioning, edge positioning, and spacing between docked elements.

gabrielmoreira Updated Sep 9, 2026 17 repo stars

File contents

Implementing .NET MAUI DockLayout

Guide users to implement Syncfusion .NET MAUI DockLayout (SfDockLayout), a versatile layout control that enables developers to arrange and dock child elements to specific edges (top, bottom, left, right) or center, providing a robust framework for designing complex user interfaces in mobile and desktop applications.

When to Use This Skill

Use this skill when users need to:

Create docking layouts with elements positioned at specific edges
Build dashboard interfaces with multiple regions (header, footer, sidebar, content)
Implement adaptive layouts that respond to screen sizes and orientations
Position UI elements at top, bottom, left, right, or center of a container
Configure spacing between docked elements (horizontal and vertical)
Control last child expansion to fill remaining space
Support Right-to-Left (RTL) layouts for internationalization
Work with .NET MAUI applications using Syncfusion components

Component Overview

The SfDockLayout control provides:

Flexible Docking: Dock children to Top, Bottom, Left, Right, or None (center)
Adaptive Layouts: Automatically adapts to various screen sizes and orientations
Customizable Spacing: Configure horizontal and vertical spacing between elements
Last Child Expansion: Option to expand the last child to fill remaining space
RTL Support: Full Right-to-Left layout support for internationalization
Programmatic Control: GetDock() and SetDock() methods for runtime manipulation

Documentation and Navigation Guide

Getting Started

📄 Read: references/getting-started.md

Installing Syncfusion.Maui.Core NuGet package
Registering Syncfusion Core handler
Creating and initializing SfDockLayout
Setting basic dock positions for child elements
Complete working example with all dock positions

Docking Features

📄 Read: references/docking-features.md

Dock position options (Top, Bottom, Left, Right, None)
Using Dock attached property in XAML
Using Add() method with Dock parameter in C#
GetDock() method to retrieve current position
SetDock() method to change position programmatically
Docking order and element layering

Spacing and Layout

📄 Read: references/spacing-layout.md

HorizontalSpacing property for gaps between elements
VerticalSpacing property for vertical gaps
ShouldExpandLastChild property behavior
Controlling last child expansion (true/false)
Layout scenarios and best practices

Advanced Features

📄 Read: references/advanced-features.md

Right-to-Left (RTL) layout support
FlowDirection property configuration
Adaptive layouts for different screen sizes
Handling orientation changes
Sample projects and resources

---name: syncfusion-maui-docklayoutdescription: Implements Syncfusion .NET MAUI DockLayout (SfDockLayout) for arranging and docking child elements in defined areas. Use this for creating docking layouts, positioning UI elements at edges (top/bottom/left/right), building dashboard layouts, or arranging multi-region interfaces. Covers dock positioning, edge positioning, and spacing between docked elements.--- # Implementing .NET MAUI DockLayout Guide users to implement Syncfusion .NET MAUI DockLayout (SfDockLayout), a versatile layout control that enables developers to arrange and dock child elements to specific edges (top, bottom, left, right) or center, providing a robust framework for designing complex user interfaces in mobile and desktop applications. ## When to Use This Skill Use this skill when users need to: - **Create docking layouts** with elements positioned at specific edges - **Build dashboard interfaces** with multiple regions (header, footer, sidebar, content) - **Implement adaptive layouts** that respond to screen sizes and orientations - **Position UI elements** at top, bottom, left, right, or center of a container - **Configure spacing** between docked elements (horizontal and vertical) - **Control last child expansion** to fill remaining space - **Support Right-to-Left (RTL)** layouts for internationalization - **Work with .NET MAUI** applications using Syncfusion components ## Component Overview The **SfDockLayout** control provides: - **Flexible Docking**: Dock children to Top, Bottom, Left, Right, or None (center) - **Adaptive Layouts**: Automatically adapts to various screen sizes and orientations - **Customizable Spacing**: Configure horizontal and vertical spacing between elements - **Last Child Expansion**: Option to expand the last child to fill remaining space - **RTL Support**: Full Right-to-Left layout support for internationalization - **Programmatic Control**: GetDock() and SetDock() methods for runtime manipulation ## Documentation and Navigation Guide ### Getting Started 📄 **Read:** [references/getting-started.md](references/getting-started.md) - Installing Syncfusion.Maui.Core NuGet package - Registering Syncfusion Core handler - Creating and initializing SfDockLayout - Setting basic dock positions for child elements - Complete working example with all dock positions ### Docking Features 📄 **Read:** [references/docking-features.md](references/docking-features.md) - Dock position options (Top, Bottom, Left, Right, None) - Using Dock attached property in XAML - Using Add() method with Dock parameter in C# - GetDock() method to retrieve current position - SetDock() method to change position programmatically - Docking order and element layering ### Spacing and Layout 📄 **Read:** [references/spacing-layout.md](references/spacing-layout.md) - HorizontalSpacing property for gaps between elements - VerticalSpacing property for vertical gaps - ShouldExpandLastChild property behavior - Controlling last child expansion (true/false) - Layout scenarios and best practices ### Advanced Features 📄 **Read:** [references/advanced-features.md](references/advanced-features.md) - Right-to-Left (RTL) layout support - FlowDirection property configuration - Adaptive layouts for different screen sizes - Handling orientation changes - Sample projects and resources

Frequently asked questions