.NET MAUI DockLayout - A Flexible, Adaptive UI with Dockable Windows
- Users can position and align child elements efficiently.
- Support for various configurations such as spacing and ShouldExpandLastChild.
- Suitable for creating complex, responsive layouts.
Trusted by the world’s leading companies
Overview
The .NET MAUI Dock Layout is a flexible layout container that allows UI elements to be docked to the top, bottom, left, or right edges of the container, or fill the remaining space. This layout is perfect for creating structured, adaptive user interfaces across devices.
.NET MAUI Dock Layout code example
Easily get started with the .NET MAUI Dock Layout using a few simple lines of XAML code, as demonstrated below. Also, explore this .NET MAUI Dock Layout example, which shows you how to render and configure the .NET MAUI Dock Layout.
<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:sf="clr-namespace:Syncfusion.Maui.Core;assembly=Syncfusion.Maui.Core"
x:Class="DockLayoutGettingStarted.MainPage">
<ContentPage.Content>
<sf:SfDockLayout Margin="20">
<Label Text="Left" WidthRequest="80" sf:SfDockLayout.Dock="Left" HorizontalTextAlignment="Center" VerticalTextAlignment="Center" Background="#a8e6af" />
<Label Text="Top" HeightRequest="80" sf:SfDockLayout.Dock="Top" HorizontalTextAlignment="Center" VerticalTextAlignment="Center" Background="#a8e6cf" />
<Label Text="Right" WidthRequest="80" sf:SfDockLayout.Dock="Right" HorizontalTextAlignment="Center" VerticalTextAlignment="Center" Background="#e0a8e6" />
<Label Text="Bottom" HeightRequest="80" sf:SfDockLayout.Dock="Bottom" HorizontalTextAlignment="Center" VerticalTextAlignment="Center" Background="#e6a8a8"/>
<Label Text="None" MinimumHeightRequest="80" HorizontalTextAlignment="Center" VerticalTextAlignment="Center" BackgroundColor="#dcefd8" />
</sf:SfDockLayout>
</ContentPage.Content>
</ContentPage>Dock position
This control allows elements to be docked to specific edges of the layout container: top, bottom, left, or right. They can also fill the remaining space.
Should expand last child
The ShouldExpandLastChild property allows the last child element in the Dock Layout to occupy the remaining available space, making it easier to create fill-style UIs without manual calculations.
Spacing
The Dock Layout allows users to configure spacing between child elements using the HorizontalSpacing and VerticalSpacing properties, allowing precise control of layout aesthetics.
Right-to-left (RTL)
The .NET MAUI Dock Layout control supports right-to-left layouts to mirror its docking logic automatically.
95+ UI controls
200+ interactive .NET MAUI demos
2.2M+ downloads
Not sure how to create your first .NET MAUI Dock Layout? Our tutorial videos and documentation can help.
I’d love to watch it now I’d love to read it nowFrequently Asked Questions
Why should you choose the Syncfusion® .NET MAUI DockLayout control?
The Syncfusion® .NET MAUI Dock Layout provides the following features:
- Dock elements to specific edges of the layout container: top, bottom, left, or right.
Configure spacing between child elements using the HorizontalSpacing and VerticalSpacing properties.
- Create structured, adaptive user interfaces across devices.
- One of the best .NET MAUI Dock Layout in the market, offering feature-rich UI to interact with the software.
Enjoy a simple configuration and API.
- Use in any modern browser.
Take advantage of expansive learning resources such as demos and documentation to get started quickly with the .NET MAUI Dock Layout.
Where can I find the Syncfusion® .NET MAUI Dock Layout demo?
You can find our .NET MAUI Dock Layout demo here, which demonstrates how to render and configure the Dock Layout control.
Can I download and utilize the Syncfusion® .NET MAUI Dock Layout for free?
No, this is a commercial product and requires a paid license. However, a free community license is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue, 5 or fewer developers, and 10 or fewer total employees.
How do I get started with the Syncfusion® .NET MAUI Dock Layout control?
A good place to start would be our comprehensive getting started documentation.
.NET MAUI DataViz & UI Controls
Our Customers Love Us
See Real Success Stories
Developers around the world trust Syncfusion’s Essential Studio to simplify complex projects and speed up delivery. With a vast library of UI controls, powerful SDKs, and reliable support, Essential Studio helps teams build enterprise-ready applications with confidence.
Read Our Customer StoriesIndustry
Software development
75% Cost reduction
50% Faster development
Industry
Utilities (oil and gas)
450+ hours saved
Streamlined processes and hours of development effort saved.
Advanced, flexible features
Empowered users through robust and versatile functionality.
Industry
Software and technology
1000+ of hours saved
Accelerated development with enterprise-ready UI components.
Efficient file management
Streamlined workflows with document libraries without building them from scratch.
Industry
Software and technology
2 Years of delay avoided
Two years of delays prevented with proactive planning.
On-time delivery
Projects delivered on schedule using trusted controls.
Industry
IT services and IT consulting
Improved performance
Large datasets handled with easy customization and quick debugging.
Highly customizable
Plug-and-play controls with quick template integration.
Industry
Professional services
Instant access
Quick availability of features and resources.
Reduced dependencies
Fewer dependencies for faster development.
Rated by users across the globe
Contact Support
.NET MAUI UI Kit
Awards
Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion® is proud to hold the following industry awards.
