{"id":"e45073d2-72d4-407b-8fc4-63c17fa7f9d9","shortId":"EaWgnz","kind":"skill","title":"syncfusion-maui-docklayout","tagline":"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. ","description":"# Implementing .NET MAUI DockLayout\n\nGuide 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.\n\n## When to Use This Skill\n\nUse this skill when users need to:\n- **Create docking layouts** with elements positioned at specific edges\n- **Build dashboard interfaces** with multiple regions (header, footer, sidebar, content)\n- **Implement adaptive layouts** that respond to screen sizes and orientations\n- **Position UI elements** at top, bottom, left, right, or center of a container\n- **Configure spacing** between docked elements (horizontal and vertical)\n- **Control last child expansion** to fill remaining space\n- **Support Right-to-Left (RTL)** layouts for internationalization\n- **Work with .NET MAUI** applications using Syncfusion components\n\n## Component Overview\n\nThe **SfDockLayout** control provides:\n- **Flexible Docking**: Dock children to Top, Bottom, Left, Right, or None (center)\n- **Adaptive Layouts**: Automatically adapts to various screen sizes and orientations\n- **Customizable Spacing**: Configure horizontal and vertical spacing between elements\n- **Last Child Expansion**: Option to expand the last child to fill remaining space\n- **RTL Support**: Full Right-to-Left layout support for internationalization\n- **Programmatic Control**: GetDock() and SetDock() methods for runtime manipulation\n\n## Documentation and Navigation Guide\n\n### Getting Started\n📄 **Read:** [references/getting-started.md](references/getting-started.md)\n- Installing Syncfusion.Maui.Core NuGet package\n- Registering Syncfusion Core handler\n- Creating and initializing SfDockLayout\n- Setting basic dock positions for child elements\n- Complete working example with all dock positions\n\n### Docking Features\n📄 **Read:** [references/docking-features.md](references/docking-features.md)\n- Dock position options (Top, Bottom, Left, Right, None)\n- Using Dock attached property in XAML\n- Using Add() method with Dock parameter in C#\n- GetDock() method to retrieve current position\n- SetDock() method to change position programmatically\n- Docking order and element layering\n\n### Spacing and Layout\n📄 **Read:** [references/spacing-layout.md](references/spacing-layout.md)\n- HorizontalSpacing property for gaps between elements\n- VerticalSpacing property for vertical gaps\n- ShouldExpandLastChild property behavior\n- Controlling last child expansion (true/false)\n- Layout scenarios and best practices\n\n### Advanced Features\n📄 **Read:** [references/advanced-features.md](references/advanced-features.md)\n- Right-to-Left (RTL) layout support\n- FlowDirection property configuration\n- Adaptive layouts for different screen sizes\n- Handling orientation changes\n- Sample projects and resources","tags":["syncfusion","maui","docklayout","components","skills","agent-skills"],"capabilities":["skill","source-syncfusion","skill-syncfusion-maui-docklayout","topic-agent-skills"],"categories":["maui-ui-components-skills"],"synonyms":[],"warnings":[],"endpointUrl":"https://skills.sh/syncfusion/maui-ui-components-skills/syncfusion-maui-docklayout","protocol":"skill","transport":"skills-sh","auth":{"type":"none","details":{"cli":"npx skills add syncfusion/maui-ui-components-skills","source_repo":"https://github.com/syncfusion/maui-ui-components-skills","install_from":"skills.sh"}},"qualityScore":"0.476","qualityRationale":"deterministic score 0.48 from registry signals: · indexed on github topic:agent-skills · 53 github stars · SKILL.md body (2,934 chars)","verified":false,"liveness":"unknown","lastLivenessCheck":null,"agentReviews":{"count":0,"score_avg":null,"cost_usd_avg":null,"success_rate":null,"latency_p50_ms":null,"narrative_summary":null,"summary_updated_at":null},"enrichmentModel":"deterministic:skill-github:v1","enrichmentVersion":1,"enrichedAt":"2026-04-22T00:56:07.266Z","embedding":null,"createdAt":"2026-04-18T22:15:19.482Z","updatedAt":"2026-04-22T00:56:07.266Z","lastSeenAt":"2026-04-22T00:56:07.266Z","tsv":"'adapt':122,195,198,371 'add':302 'advanc':356 'applic':89,173 'area':19 'arrang':12,36,62 'attach':297 'automat':197 'basic':269 'behavior':345 'best':354 'bottom':71,136,189,291 'build':32,111 'c':308 'center':75,140,194 'chang':318,379 'child':15,65,154,215,222,273,348 'children':186 'complet':275 'complex':82 'compon':176,177 'configur':144,207,370 'contain':143 'content':120 'control':57,152,181,239,346 'core':262 'creat':23,102,264 'current':313 'customiz':205 'dashboard':33,112 'defin':18 'design':81 'desktop':88 'develop':60 'differ':374 'dock':14,24,64,103,147,184,185,270,280,282,287,296,305,321 'docklayout':4,9,44,52 'document':247 'edg':30,69,110 'element':16,28,66,106,133,148,213,274,324,337 'enabl':59 'exampl':277 'expand':219 'expans':155,216,349 'featur':283,357 'fill':157,224 'flexibl':183 'flowdirect':368 'footer':118 'framework':79 'full':229 'gap':335,342 'get':251 'getdock':240,309 'guid':45,250 'handl':377 'handler':263 'header':117 'horizont':149,208 'horizontalspac':332 'implement':5,41,48,121 'initi':266 'instal':256 'interfac':40,84,113 'internation':168,237 'last':153,214,221,347 'layer':325 'layout':25,34,56,104,123,166,196,234,328,351,366,372 'left':72,137,164,190,233,292,364 'manipul':246 'maui':3,8,43,51,172 'method':243,303,310,316 'mobil':86 'multi':38 'multi-region':37 'multipl':115 'navig':249 'need':100 'net':7,42,50,171 'none':193,294 'nuget':258 'option':217,289 'order':322 'orient':130,204,378 'overview':178 'packag':259 'paramet':306 'posit':26,107,131,271,281,288,314,319 'practic':355 'programmat':238,320 'project':381 'properti':298,333,339,344,369 'provid':76,182 'read':253,284,329,358 'references/advanced-features.md':359,360 'references/docking-features.md':285,286 'references/getting-started.md':254,255 'references/spacing-layout.md':330,331 'region':39,116 'regist':260 'remain':158,225 'resourc':383 'respond':125 'retriev':312 'right':73,138,162,191,231,293,362 'right-to-left':161,230,361 'robust':78 'rtl':165,227,365 'runtim':245 'sampl':380 'scenario':352 'screen':127,201,375 'set':268 'setdock':242,315 'sfdocklayout':10,53,180,267 'shouldexpandlastchild':343 'sidebar':119 'size':128,202,376 'skill':94,97 'skill-syncfusion-maui-docklayout' 'source-syncfusion' 'space':145,159,206,211,226,326 'specif':68,109 'start':252 'support':160,228,235,367 'syncfus':2,6,49,175,261 'syncfusion-maui-docklayout':1 'syncfusion.maui.core':257 'top':70,135,188,290 'top/bottom/left/right':31 'topic-agent-skills' 'true/false':350 'ui':27,132 'use':20,92,95,174,295,301 'user':46,83,99 'various':200 'versatil':55 'vertic':151,210,341 'verticalspac':338 'work':169,276 'xaml':300","prices":[{"id":"8892324a-7970-4452-b2c0-cc4eb8cfb33b","listingId":"e45073d2-72d4-407b-8fc4-63c17fa7f9d9","amountUsd":"0","unit":"free","nativeCurrency":null,"nativeAmount":null,"chain":null,"payTo":null,"paymentMethod":"skill-free","isPrimary":true,"details":{"org":"syncfusion","category":"maui-ui-components-skills","install_from":"skills.sh"},"createdAt":"2026-04-18T22:15:19.482Z"}],"sources":[{"listingId":"e45073d2-72d4-407b-8fc4-63c17fa7f9d9","source":"github","sourceId":"syncfusion/maui-ui-components-skills/syncfusion-maui-docklayout","sourceUrl":"https://github.com/syncfusion/maui-ui-components-skills/tree/master/skills/syncfusion-maui-docklayout","isPrimary":false,"firstSeenAt":"2026-04-18T22:15:19.482Z","lastSeenAt":"2026-04-22T00:56:07.266Z"}],"details":{"listingId":"e45073d2-72d4-407b-8fc4-63c17fa7f9d9","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"syncfusion","slug":"syncfusion-maui-docklayout","github":{"repo":"syncfusion/maui-ui-components-skills","stars":53,"topics":["agent-skills"],"license":null,"html_url":"https://github.com/syncfusion/maui-ui-components-skills","pushed_at":"2026-04-08T07:27:37Z","description":"Skills for Syncfusion .NET MAUI components. Enable AI-assisted development with comprehensive documentation, code examples, and best practices for 100+ UI controls including DataGrid, Charts, Scheduler, and more.","skill_md_sha":"0458c3f0da12b78d50bb310d48b748fc0135559d","skill_md_path":"skills/syncfusion-maui-docklayout/SKILL.md","default_branch":"master","skill_tree_url":"https://github.com/syncfusion/maui-ui-components-skills/tree/master/skills/syncfusion-maui-docklayout"},"layout":"multi","source":"github","category":"maui-ui-components-skills","frontmatter":{"name":"syncfusion-maui-docklayout","description":"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."},"skills_sh_url":"https://skills.sh/syncfusion/maui-ui-components-skills/syncfusion-maui-docklayout"},"updatedAt":"2026-04-22T00:56:07.266Z"}}