Skip to content

Update Getting Started Repository #3

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Oct 6, 2025
Merged

Update Getting Started Repository #3

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 0 additions & 1 deletion DockLayout-Getting-Started/DockLayoutGettingStarted/AppShell.xaml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,6 @@
Title="DockLayoutGettingStarted">

<ShellContent
Title="Home"
ContentTemplate="{DataTemplate local:MainPage}"
Route="MainPage" />

Expand Down
20 changes: 13 additions & 7 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
# Getting started with Syncfusion .NET MAUI DockLayout control
## Creating an application with .NET MAUI chart
1.Create a new .NET MAUI application in Visual Studio.
2.Syncfusion .NET MAUI components are available in [nuget.org.](https://www.nuget.org/)
3.To add SfDockLayout to your project, open the NuGet package manager in Visual Studio, search for Syncfusion.Maui.Core and then install it.
Initialize `SfDockLayout.`
## Creating an application with DockLayout
1. Create a new .NET MAUI application in Visual Studio.
2. Syncfusion .NET MAUI components are available in [nuget.org.](https://www.nuget.org/)
3. To add SfDockLayout to your project, open the NuGet package manager in Visual Studio, search for Syncfusion.Maui.Core and then install it.
4. Initialize `SfDockLayout.`

###### Xaml
```xaml
Expand Down Expand Up @@ -69,7 +69,6 @@ namespace DockLayoutSample
### Set Dock Position for Child Views
Inside the `SfDockLayout` control, child views can be arranged using the `Dock` attached property. This property allows to dock elements to specific edges— `Top`, `Bottom`, `Left`, `Right`, or set to `None` to remain undocked and fill the remaining space.


###### Xaml
```xaml
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
Expand Down Expand Up @@ -113,5 +112,12 @@ namespace DockLayoutGettingStarted
}
}
```
### Output

![Output of DockLayout View](DockLayout-Images/maui-docklayout-getting-started.png)

## Troubleshooting

### Path Too Long Exception

![Output of DockLayout View](DockLayout-Images/maui-docklayout-getting-started.png)
If you are facing a "Path too long" exception when building this example project, close Visual Studio and rename the repository to a shorter name before building the project.