diff --git a/wpf/Tree-Navigator/Getting-Started.md b/wpf/Tree-Navigator/Getting-Started.md index 1794e9773c..75985caf8b 100644 --- a/wpf/Tree-Navigator/Getting-Started.md +++ b/wpf/Tree-Navigator/Getting-Started.md @@ -9,9 +9,27 @@ documentation: ug # Getting Started with WPF Tree Navigator (SfTreeNavigator) -Namespace : Syncfusion.Windows.Controls.Navigation +Namespace: `Syncfusion.Windows.Controls.Navigation` -Assembly : Syncfusion.SfTreeNavigator.WPF (in Syncfusion.SfTreeNavigator.WPF.dll) +Assembly: `Syncfusion.SfTreeNavigator.WPF` (in `Syncfusion.SfTreeNavigator.WPF.dll`) + +This guide gives a concise, practical path to add `SfTreeNavigator` to a WPF application. + +### Prerequisites + +- A WPF app project targeting a supported .NET framework/runtime. +- The `Syncfusion.SfTreeNavigator.WPF` assembly/package added to your project (install via NuGet or add a project reference). + +### Quick setup (minimal steps) +1. Create a new WPF application (or open your existing WPF project). +2. Install or reference the `Syncfusion.SfTreeNavigator.WPF` package/assembly in your project (use NuGet or your reference workflow). +3. Add the Syncfusion WPF XML namespace to your XAML (common prefix shown below): + +```xaml +xmlns:navigation="http://schemas.syncfusion.com/wpf" +``` + +4. Place the `SfTreeNavigator` control in your XAML and code-behind (simple example): The following code sample shows how to create the Tree Navigator from code-behind and XAML, @@ -19,11 +37,11 @@ The following code sample shows how to create the Tree Navigator from code-behin {% highlight xaml %} - - - - - + + + + + {% endhighlight %} @@ -40,17 +58,22 @@ winrt.Items.Add(winrt_tools); sfToolkit.Items.Add(winrt); sfToolkit.Items.Add(metroStudio); + {% endhighlight %} {%endtabs%} -N> You can refer the Tree Navigator demo in the Essential Studio WPF [SampleBrowser](https://github.com/syncfusion/wpf-demos/tree/master/navigation) to view its features. - -## Theme +For XAML-driven scenarios and data binding examples, see [Populating Items](https://help.syncfusion.com/wpf/tree-navigator/populating-items). -Tree Navigator supports various built-in themes. Refer to the below links to apply themes for the Tree Navigator, +### Themes +Tree Navigator supports the standard Syncfusion WPF themes. To apply themes, follow the general theming guidance (SfSkinManager / ThemeStudio). For theme setup and best practices, see: * [Apply theme using SfSkinManager](https://help.syncfusion.com/wpf/themes/skin-manager) * [Create a custom theme using ThemeStudio](https://help.syncfusion.com/wpf/themes/theme-studio#creating-custom-theme) - ![Setting theme to WPF Tree Navigator](Populating-Items_images/Theme.png) \ No newline at end of file + ![Setting theme to WPF Tree Navigator](Populating-Items_images/Theme.png) + +### Samples and further reading +- Live sample/demos: Syncfusion WPF SampleBrowser (navigation demos): https://github.com/syncfusion/wpf-demos/tree/master/navigation +- Package & installation: refer to the Syncfusion NuGet packages and product documentation. +