diff --git a/wpf/Breadcrumb/Getting-Started.md b/wpf/Breadcrumb/Getting-Started.md index 603442f0b5..1006b1bb39 100644 --- a/wpf/Breadcrumb/Getting-Started.md +++ b/wpf/Breadcrumb/Getting-Started.md @@ -37,11 +37,11 @@ The HierarchyNavigator control can be added to an application by dragging it fro ## Add control manually in XAML To add the control manually in XAML, follow the given steps: -1. Add the following required assembly references to the project: - * Syncfusion.Tools.WPF - * Syncfusion.Shared.WPF -2. Import Syncfusion WPF schema **http://schemas.syncfusion.com/wpf** in the XAML page. -3. Declare the HierarchyNavigator control the in XAML page. +1. Add the following required assembly references to the project: + * Syncfusion.Tools.WPF + * Syncfusion.Shared.WPF +2. Import Syncfusion WPF schema **http://schemas.syncfusion.com/wpf** in the XAML page. +3. Declare the HierarchyNavigator control the in XAML page. {% capture codesnippet1 %} {% tabs %} @@ -65,11 +65,11 @@ To add the control manually in XAML, follow the given steps: To add the control manually in C#, follow the given steps: -1. Add the following required assembly references to the project: - * Syncfusion.Tools.WPF - * Syncfusion.Shared.WPF -2. Import the HierarchyNavigator namespace **using Syncfusion.Windows.Tools.Controls;**. -3. Create a HierarchyNavigator instance, and add it to the window. +1. Add the following required assembly references to the project: + * Syncfusion.Tools.WPF + * Syncfusion.Shared.WPF +2. Import the HierarchyNavigator namespace **using Syncfusion.Windows.Tools.Controls;**. +3. Create a HierarchyNavigator instance, and add it to the window. {% capture codesnippet2 %} {% tabs %} diff --git a/wpf/Classic/Diagram/Getting-Started.md b/wpf/Classic/Diagram/Getting-Started.md index 2a7f19b0b4..3957de1524 100644 --- a/wpf/Classic/Diagram/Getting-Started.md +++ b/wpf/Classic/Diagram/Getting-Started.md @@ -1986,7 +1986,7 @@ N/A {%endhighlight%} -2.Then the nodes can be added and the connections can be specified as follows: +2. Then the nodes can be added and the connections can be specified as follows: diff --git a/wpf/DataGrid/Paging.md b/wpf/DataGrid/Paging.md index db5d373076..809eb06601 100644 --- a/wpf/DataGrid/Paging.md +++ b/wpf/DataGrid/Paging.md @@ -154,8 +154,7 @@ Follow the below steps to load the `ItemsSource` for page in on-demand, N> Do not assign `SfDataPager.Source` property while using `OnDemandPaging`. - - +{% capture codesnippet2 %} {% tabs %} {% highlight xaml %} @@ -191,6 +190,8 @@ private void dataPager_OnDemandLoading(object sender, Syncfusion.UI.Xaml.Control } {% endhighlight %} {% endtabs %} +{% endcapture %} +{{ codesnippet2 | OrderList_Indent_Level_1 }} ### Resetting cache diff --git a/wpf/DataGrid/Row-Height-Customization.md b/wpf/DataGrid/Row-Height-Customization.md index 72e0279938..2896d7be95 100644 --- a/wpf/DataGrid/Row-Height-Customization.md +++ b/wpf/DataGrid/Row-Height-Customization.md @@ -113,7 +113,7 @@ Below are the parameter to `GetAutoRowHeight` method, 2. `GridRowSizingOptions` – A class with properties to customize the row height calculation. - +{% capture codesnippet1 %} {% tabs %} {% highlight xaml %} @@ -144,6 +144,8 @@ void dataGrid_QueryRowHeight(object sender, QueryRowHeightEventArgs e) } {% endhighlight %} {% endtabs %} +{% endcapture %} +{{ codesnippet1 | OrderList_Indent_Level_1 }} Here, row heights are customized based on the large text content. @@ -203,7 +205,7 @@ You can reset height of the particular or all rows in View at runtime to get the * [InvalidateRowHeight](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfDataGrid.html#Syncfusion_UI_Xaml_Grid_SfDataGrid_InvalidateRowHeight_System_Int32_) – Resets the height of particular row. -{% capture codesnippet1 %} +{% capture codesnippet2 %} {% tabs %} {% highlight c# %} using Syncfusion.UI.Xaml.Grid.Helpers; @@ -213,11 +215,11 @@ dataGrid.GetVisualContainer().InvalidateMeasureInfo(); {% endhighlight %} {% endtabs %} {% endcapture %} -{{ codesnippet1 | OrderList_Indent_Level_1 }} +{{ codesnippet2 | UnOrderList_Indent_Level_1 }} * [RowHeightManager.Reset](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.RowHeightManager.html#Syncfusion_UI_Xaml_Grid_RowHeightManager_Reset) – Resets the height for all rows in View. -{% capture codesnippet2 %} +{% capture codesnippet3 %} {% tabs %} {% highlight c# %} using Syncfusion.UI.Xaml.Grid.Helpers; @@ -227,7 +229,7 @@ dataGrid.GetVisualContainer().InvalidateMeasureInfo(); {% endhighlight %} {% endtabs %} {% endcapture %} -{{ codesnippet2 | OrderList_Indent_Level_1 }} +{{ codesnippet3 | UnOrderList_Indent_Level_1 }} ### Update Row Height while editing diff --git a/wpf/Diagram/Diagram-Ribbon.md b/wpf/Diagram/Diagram-Ribbon.md index a404432ca0..7fb1b667f4 100644 --- a/wpf/Diagram/Diagram-Ribbon.md +++ b/wpf/Diagram/Diagram-Ribbon.md @@ -55,6 +55,7 @@ Steps to add the Diagram ribbon control manually is given below with its code ex 3. Declare the SfDiagramRibbon control in your application. +{% capture codesnippet1 %} {% tabs %} {% highlight xaml %} @@ -120,6 +121,8 @@ namespace SfDiagram_WPF {% endhighlight %} {% endtabs %} +{% endcapture %} +{{ codesnippet1 | OrderList_Indent_Level_1 }} ## Simple Diagram Designer diff --git a/wpf/Diagram/Getting-Started.md b/wpf/Diagram/Getting-Started.md index e7e89d1723..1b7155f477 100644 --- a/wpf/Diagram/Getting-Started.md +++ b/wpf/Diagram/Getting-Started.md @@ -38,7 +38,8 @@ To add control manually in XAML, do the following steps: 3. Declare SfDiagram control in XAML page. N> Starting with v16.2.0.x, if you reference Syncfusion assemblies from trial setup or from the NuGet feed, you also have to include a license key in your projects. Refer to this [link](https://help.syncfusion.com/common/essential-studio/licensing/license-key) to learn about registering Syncfusion license key in your WPF application to use Syncfusion components. - + +{% capture codesnippet1 %} {% tabs %} {% highlight xaml %} Starting with v16.2.0.x, if you reference Syncfusion assemblies from trial se {% endhighlight %} {% endtabs %} +{% endcapture %} +{{ codesnippet1 | OrderList_Indent_Level_1 }} ### Adding control manually in C# @@ -66,6 +69,7 @@ To add control manually in C#, do the following steps: 2. Import SfDiagram namespace Syncfusion.UI.Xaml.Diagram. 3. Create SfDiagram control instance and add it to the Grid. +{% capture codesnippet2 %} {% tabs %} {% highlight C# %} @@ -89,6 +93,8 @@ namespace SfDiagram_WPF {% endhighlight %} {% endtabs %} +{% endcapture %} +{{ codesnippet2 | OrderList_Indent_Level_1 }} ## Basic Diagram elements diff --git a/wpf/Diagram/Overview-Control.md b/wpf/Diagram/Overview-Control.md index 66c21fb73d..a4786f3563 100644 --- a/wpf/Diagram/Overview-Control.md +++ b/wpf/Diagram/Overview-Control.md @@ -28,7 +28,7 @@ Steps to add Overview control manually in XAML: 2. Import Syncfusion WPF schema `http://schemas.syncfusion.com/wpf` or SfDiagram control namespace `Syncfusion.UI.Xaml.Diagram.Controls` in XAML page. 3. Declare Overview control in XAML page. - +{% capture codesnippet1 %} {% tabs %} {% highlight xaml %} @@ -48,6 +48,8 @@ Steps to add Overview control manually in XAML: {% endhighlight %} {% endtabs %} +{% endcapture %} +{{ codesnippet1 | OrderList_Indent_Level_1 }} ![Overview of WPF Diagram](Overview-Control_images/wpf-diagram-overview.png) diff --git a/wpf/Diagram/Printing.md b/wpf/Diagram/Printing.md index dfbafc5662..a342b21629 100644 --- a/wpf/Diagram/Printing.md +++ b/wpf/Diagram/Printing.md @@ -180,8 +180,9 @@ SfDiagram provides a way to display additional content at the top (Header) or bo Steps for setting Header for printing: -1.Create DataTemplate in Resources and assign it to the `PageHeaderTemplate` and `PageFooterTemplate` properties. +1. Create DataTemplate in Resources and assign it to the `PageHeaderTemplate` and `PageFooterTemplate` properties. +{% capture codesnippet1 %} {% tabs %} {% highlight XAML%} @@ -201,9 +202,12 @@ Steps for setting Header for printing: {% endhighlight %} {% endtabs %} +{% endcapture %} +{{ codesnippet1 | OrderList_Indent_Level_1 }} -2.Set the above defined DataTemplate to `PrintSettings.PageHeaderTemplate` and `PrintSettings.PageFooterTemplate`, then assign value for `PrintSettings.PageHeaderHeight` and `PrintSettings.PageFooterHeight` properties also. +2. Set the above defined DataTemplate to `PrintSettings.PageHeaderTemplate` and `PrintSettings.PageFooterTemplate`, then assign value for `PrintSettings.PageHeaderHeight` and `PrintSettings.PageFooterHeight` properties also. +{% capture codesnippet2 %} {% tabs %} {% highlight c# %} @@ -215,6 +219,8 @@ diagram.PrintingService.PrintSettings.PageFooterTemplate =this.Resources["PrintF {% endhighlight %} {% endtabs %} +{% endcapture %} +{{ codesnippet2 | OrderList_Indent_Level_1 }} 3.Now, run the application and you can see page header and footer in all the pages. diff --git a/wpf/Docking/Dealing-with-Windows.md b/wpf/Docking/Dealing-with-Windows.md index d8969a1558..e4e8fb5db1 100644 --- a/wpf/Docking/Dealing-with-Windows.md +++ b/wpf/Docking/Dealing-with-Windows.md @@ -171,7 +171,7 @@ DockingManager.SetState(content1, DockState.Document) {% endtabs %} {% endcapture %} -{{ codesnippet1 | OrderList_Indent_Level_1 }} +{{ codesnippet1 | UnOrderList_Indent_Level_1 }} ![WPF Docking Window Document State](Dealing-with-Windows_images/wpf-docking-window-document-state.jpeg) @@ -195,7 +195,7 @@ DockingManager.SetState(content1, DockState.AutoHidden) {% endtabs %} {% endcapture %} -{{ codesnippet2 | OrderList_Indent_Level_1 }} +{{ codesnippet2 | UnOrderList_Indent_Level_1 }} ![WPF Docking Window AutoHidden State](Dealing-with-Windows_images/wpf-docking-window-autohidden-state.jpeg) diff --git a/wpf/Docking/Getting-Started.md b/wpf/Docking/Getting-Started.md index cc3cdc9fbc..0893ad66ae 100644 --- a/wpf/Docking/Getting-Started.md +++ b/wpf/Docking/Getting-Started.md @@ -363,7 +363,7 @@ using Syncfusion.SfSkinManager; {% endtabs %} {% endcapture %} -{{ codesnippet3 | OrderList_Indent_Level_1 }} +{{ codesnippet3 | UnOrderList_Indent_Level_1 }} * Now apply the value as `VisualStudio2013` to the [VisualStyle](https://help.syncfusion.com/cr/wpf/Syncfusion.SfSkinManager.SfSkinManager.html#Syncfusion_SfSkinManager_SfSkinManager_SetVisualStyle_System_Windows_DependencyObject_Syncfusion_SfSkinManager_VisualStyles_) property of the SfSkinManager for the DockingManager control. @@ -396,7 +396,7 @@ SfSkinManager.SetVisualStyle(SyncDockingManager,VisualStyles.VisualStudio2013); {% endtabs %} {% endcapture %} -{{ codesnippet4 | OrderList_Indent_Level_1 }} +{{ codesnippet4 | UnOrderList_Indent_Level_1 }} ![WPF Docking Visual Styles](Getting-Started_images/wpf-docking-visual-styles.jpeg) diff --git a/wpf/Docking/Tabbed-Window.md b/wpf/Docking/Tabbed-Window.md index 7c7ed201f7..6067d8eb4c 100644 --- a/wpf/Docking/Tabbed-Window.md +++ b/wpf/Docking/Tabbed-Window.md @@ -49,7 +49,7 @@ DockingManager1.DockTabAlignment = Dock.Left; {% endtabs %} {% endcapture %} -{{ codesnippet1 | OrderList_Indent_Level_1 }} +{{ codesnippet1 | UnOrderList_Indent_Level_1 }} ![WPF Docking Left TabAlignment](TabbedWindow_images/wpf-docking-left-tab-alignment.jpeg) @@ -81,7 +81,7 @@ DockingManager1.DockTabAlignment = Dock.Right; {% endtabs %} {% endcapture %} -{{ codesnippet2 | OrderList_Indent_Level_1 }} +{{ codesnippet2 | UnOrderList_Indent_Level_1 }} ![WPF Docking Right TabAlignment](TabbedWindow_images/wpf-docking-right-tab-alignment.jpeg) @@ -115,7 +115,7 @@ SyncDockingManager.DockTabAlignment = Dock.Top; {% endtabs %} {% endcapture %} -{{ codesnippet3 | OrderList_Indent_Level_1 }} +{{ codesnippet3 | UnOrderList_Indent_Level_1 }} ![WPF Docking Top TabAlignment](TabbedWindow_images/wpf-docking-top-tab-alignment.jpeg) diff --git a/wpf/Gantt/Custom-Node-Style.md b/wpf/Gantt/Custom-Node-Style.md index 3080c2901f..c8ddcf0b97 100644 --- a/wpf/Gantt/Custom-Node-Style.md +++ b/wpf/Gantt/Custom-Node-Style.md @@ -252,7 +252,7 @@ The following code illustrates how to define style: {% endcapture %} {{ codesnippet1 | OrderList_Indent_Level_1 }} -1. Add the style as a resource to the Gantt control in your application. +2. Add the style as a resource to the Gantt control in your application. The following code illustrates how to add the styles to the application: diff --git a/wpf/Gantt/Highlighting-Tasks.md b/wpf/Gantt/Highlighting-Tasks.md index 128e4d4522..2367f87103 100644 --- a/wpf/Gantt/Highlighting-Tasks.md +++ b/wpf/Gantt/Highlighting-Tasks.md @@ -60,8 +60,6 @@ To highlight a set of tasks in Gantt chart region: {% endhighlight %} {% highlight c# %} -{% endcapture %} -{{ codesnippet1 | OrderList_Indent_Level_1 }} /// Codes in View Model  ///  @@ -108,6 +106,8 @@ this.Gantt.HighlightedItems = this.view.HighlightedTasks; {% endhighlight %} {% endtabs %} +{% endcapture %} +{{ codesnippet1 | OrderList_Indent_Level_1 }} The following image shows the Gantt with Highlighted Tasks: diff --git a/wpf/Gantt/Zooming.md b/wpf/Gantt/Zooming.md index 728711b244..c1405853ae 100644 --- a/wpf/Gantt/Zooming.md +++ b/wpf/Gantt/Zooming.md @@ -121,8 +121,6 @@ To add custom zooming: {% endhighlight %} {% highlight c# %} -{% endcapture %} -{{ codesnippet2 | OrderList_Indent_Level_1 }} /// APIs in View Model. private List _zoomFactors  = new List { 100d, 200d, 300d, 400d, 600d, 800d, 1000d }; @@ -233,6 +231,8 @@ private void Gantt_ZoomChanged(object sender, ZoomChangedEventArgs args) {% endhighlight %} {% endtabs %} +{% endcapture %} +{{ codesnippet2 | OrderList_Indent_Level_1 }} The following image shows Custom Zooming in Gantt: diff --git a/wpf/HeatMap/Getting-Started.md b/wpf/HeatMap/Getting-Started.md index db66337549..9cb241a49d 100644 --- a/wpf/HeatMap/Getting-Started.md +++ b/wpf/HeatMap/Getting-Started.md @@ -132,7 +132,7 @@ Now data is ready, next we need to configure data source and map rows and column {% endhighlight %} {% endcapture %} -{{ codesnippet1 | OrderList_Indent_Level_1 }} +{{ codesnippet1 | UnOrderList_Indent_Level_1 }} * Set items source and mapping @@ -145,7 +145,7 @@ Now data is ready, next we need to configure data source and map rows and column {% endhighlight %} {% endcapture %} -{{ codesnippet2 | OrderList_Indent_Level_1 }} +{{ codesnippet2 | UnOrderList_Indent_Level_1 }} * This will show a grid with data as in following image. @@ -167,7 +167,7 @@ Next we can configure color range for these values using color mapping {% endhighlight %} {% endcapture %} -{{ codesnippet3 | OrderList_Indent_Level_1 }} +{{ codesnippet3 | UnOrderList_Indent_Level_1 }} * Set ColorMapping @@ -180,7 +180,7 @@ Next we can configure color range for these values using color mapping {% endhighlight %} {% endcapture %} -{{ codesnippet4 | OrderList_Indent_Level_1 }} +{{ codesnippet4 | UnOrderList_Indent_Level_1 }} * This will show the grid data with color based on the range given. diff --git a/wpf/Maps/UserInteraction.md b/wpf/Maps/UserInteraction.md index 6cc1b73433..3656209b16 100644 --- a/wpf/Maps/UserInteraction.md +++ b/wpf/Maps/UserInteraction.md @@ -674,7 +674,7 @@ Calculate the initial zoom level automatically based on the [`Radius`](https://h {% endtabs %} {% endcapture %} -{{ codesnippet1 | OrderList_Indent_Level_1 }} +{{ codesnippet1 | UnOrderList_Indent_Level_1 }} ### Geo-bounds diff --git a/wpf/OLAP-Common/How-To/Connect-WCF-Service-by-an-additional-Binding-Type-in-silverlight-application.md b/wpf/OLAP-Common/How-To/Connect-WCF-Service-by-an-additional-Binding-Type-in-silverlight-application.md index b0e7e2c91c..49fbaee420 100644 --- a/wpf/OLAP-Common/How-To/Connect-WCF-Service-by-an-additional-Binding-Type-in-silverlight-application.md +++ b/wpf/OLAP-Common/How-To/Connect-WCF-Service-by-an-additional-Binding-Type-in-silverlight-application.md @@ -90,7 +90,7 @@ Dim DataProvider As IOlapDataProvider = Nothing {% endhighlight %} {% endcapture %} -{{ codesnippet1 | OrderList_Indent_Level_1 }} +{{ codesnippet1 | UnOrderList_Indent_Level_1 }} * Specify the _basicHttpBinding_ and Instantiate the _DataProvider_ from the _ChannelFactory_ as given in the following code: @@ -148,4 +148,4 @@ End Sub {% endhighlight %} {% endtabs %} {% endcapture %} -{{ codesnippet2 | OrderList_Indent_Level_1 }} \ No newline at end of file +{{ codesnippet2 | UnOrderList_Indent_Level_1 }} \ No newline at end of file diff --git a/wpf/Ribbon/GettingStarted.md b/wpf/Ribbon/GettingStarted.md index 33f2d01154..ffc512c1e1 100644 --- a/wpf/Ribbon/GettingStarted.md +++ b/wpf/Ribbon/GettingStarted.md @@ -36,7 +36,7 @@ xmlns:syncfusion="http://schemas.syncfusion.com/wpf" x:Class="RibbonControl.Main {% endtabs %} {% endcapture %} -{{ codesnippet1 | OrderList_Indent_Level_1 }} +{{ codesnippet1 | UnOrderList_Indent_Level_1 }} * Change the Window as `RibbonWindow`. @@ -55,7 +55,7 @@ xmlns:syncfusion="http://schemas.syncfusion.com/wpf" x:Class="RibbonControl.Main {% endtabs %} {% endcapture %} -{{ codesnippet2 | OrderList_Indent_Level_1 }} +{{ codesnippet2 | UnOrderList_Indent_Level_1 }} * Add following namespace and inherit MainWindow from `RibbonWindow` in code behind. @@ -78,7 +78,7 @@ Public class As partial {% endtabs %} {% endcapture %} -{{ codesnippet3 | OrderList_Indent_Level_1 }} +{{ codesnippet3 | UnOrderList_Indent_Level_1 }} * Now, Add the Ribbon control with a required optimal name, using the included namespace in XAML. @@ -100,7 +100,7 @@ xmlns:syncfusion="http://schemas.syncfusion.com/wpf" x:Class="RibbonControl.M {% endtabs %} {% endcapture %} -{{ codesnippet4 | OrderList_Indent_Level_1 }} +{{ codesnippet4 | UnOrderList_Indent_Level_1 }} ## Set icon for RibbonWindow @@ -133,7 +133,7 @@ xmlns:syncfusion="http://schemas.syncfusion.com/wpf" x:Class="RibbonControl.M {% endtabs %} {% endcapture %} -{{ codesnippet5 | OrderList_Indent_Level_1 }} +{{ codesnippet5 | UnOrderList_Indent_Level_1 }} ![WPF Ribbon Control](GettingStarted_images/wpf-ribbon-control.jpg) @@ -167,7 +167,7 @@ xmlns:syncfusionskin="clr-namespace:Syncfusion.SfSkinManager;assembly=Syncfusion {% endtabs %} {% endcapture %} -{{ codesnippet6 | OrderList_Indent_Level_1 }} +{{ codesnippet6 | UnOrderList_Indent_Level_1 }} * Now apply the value as `Office2013White` to the `VisualStyle` property of the SfSkinManager for the RibbonWindow. @@ -191,7 +191,7 @@ syncfusionskin:SfSkinManager.VisualStyle="Office2013White" > {% endtabs %} {% endcapture %} -{{ codesnippet7 | OrderList_Indent_Level_1 }} +{{ codesnippet7 | UnOrderList_Indent_Level_1 }} ![WPF Ribbon with Office2013White Style](GettingStarted_images/wpf-ribbon-style.jpg) diff --git a/wpf/Scheduler/Calendar-Types.md b/wpf/Scheduler/Calendar-Types.md index 76e9a57e0c..359b499f6b 100644 --- a/wpf/Scheduler/Calendar-Types.md +++ b/wpf/Scheduler/Calendar-Types.md @@ -80,7 +80,7 @@ this.scheduler.ItemsSource = appointments; {% endhighlight %} {% endtabs %} {% endcapture %} -{{ codesnippet1 | OrderList_Indent_Level_1 }} +{{ codesnippet1 | UnOrderList_Indent_Level_1 }} * Create an appointment with a start and end time by declaring the local system date; in that case, the system date will be converted to the relevant calendar type date. @@ -104,6 +104,6 @@ this.scheduler.ItemsSource = appointments; {% endhighlight %} {% endtabs %} {% endcapture %} -{{ codesnippet2 | OrderList_Indent_Level_1 }} +{{ codesnippet2 | UnOrderList_Indent_Level_1 }} N> [View sample in GitHub](https://github.com/SyncfusionExamples/WPF-Scheduler-Examples/tree/main/CalendarTypes) \ No newline at end of file diff --git a/wpf/Tab-Navigation/Animation.md b/wpf/Tab-Navigation/Animation.md index efd4ad3547..3947ce16f6 100644 --- a/wpf/Tab-Navigation/Animation.md +++ b/wpf/Tab-Navigation/Animation.md @@ -23,7 +23,7 @@ Transition Effect property is used to set the animation effect for the tab navig {% endhighlight %} {% endtabs %} {% endcapture %} -{{ codesnippet1 | OrderList_Indent_Level_1 }} +{{ codesnippet1 | UnOrderList_Indent_Level_1 }} * Fade – During navigation, the previous item fades out and the new item appears with variation in opacity. @@ -37,7 +37,7 @@ Transition Effect property is used to set the animation effect for the tab navig {% endhighlight %} {% endtabs %} {% endcapture %} -{{ codesnippet2 | OrderList_Indent_Level_1 }} +{{ codesnippet2 | UnOrderList_Indent_Level_1 }} * Zoom – The new item appears with a zooming effect. @@ -51,7 +51,7 @@ Transition Effect property is used to set the animation effect for the tab navig {% endhighlight %} {% endtabs %} {% endcapture %} -{{ codesnippet3 | OrderList_Indent_Level_1 }} +{{ codesnippet3 | UnOrderList_Indent_Level_1 }} * Blur – The new item appears with blur effect. @@ -65,7 +65,7 @@ Transition Effect property is used to set the animation effect for the tab navig {% endhighlight %} {% endtabs %} {% endcapture %} -{{ codesnippet4 | OrderList_Indent_Level_1 }} +{{ codesnippet4 | UnOrderList_Indent_Level_1 }} * Push – The new item descends from the top @@ -79,7 +79,7 @@ Transition Effect property is used to set the animation effect for the tab navig {% endhighlight %} {% endtabs %} {% endcapture %} -{{ codesnippet5 | OrderList_Indent_Level_1 }} +{{ codesnippet5 | UnOrderList_Indent_Level_1 }} * PushIn – The new item ascends from the bottom @@ -93,7 +93,7 @@ Transition Effect property is used to set the animation effect for the tab navig {% endhighlight %} {% endtabs %} {% endcapture %} -{{ codesnippet6 | OrderList_Indent_Level_1 }} +{{ codesnippet6 | UnOrderList_Indent_Level_1 }} * Wipe – The old item gets washed out and the new item appears. @@ -107,4 +107,4 @@ Transition Effect property is used to set the animation effect for the tab navig {% endhighlight %} {% endtabs %} {% endcapture %} -{{ codesnippet7 | OrderList_Indent_Level_1 }} +{{ codesnippet7 | UnOrderList_Indent_Level_1 }} diff --git a/wpf/Tab-Navigation/Data-binding.md b/wpf/Tab-Navigation/Data-binding.md index 9fc9daa017..34f104ad21 100644 --- a/wpf/Tab-Navigation/Data-binding.md +++ b/wpf/Tab-Navigation/Data-binding.md @@ -92,7 +92,7 @@ To bind XML data to a TabNavigation control, convert the XML data to a collectio {% endhighlight %} {% endtabs %} {% endcapture %} -{{ codesnippet1 | OrderList_Indent_Level_1 }} +{{ codesnippet1 | UnOrderList_Indent_Level_1 }} * **Model.cs** @@ -147,7 +147,7 @@ namespace TabNavigationXMLBinding {% endhighlight %} {% endtabs %} {% endcapture %} -{{ codesnippet2 | OrderList_Indent_Level_1 }} +{{ codesnippet2 | UnOrderList_Indent_Level_1 }} * **ViewModel.cs** @@ -207,7 +207,7 @@ namespace TabNavigationXMLBinding {% endhighlight %} {% endtabs %} {% endcapture %} -{{ codesnippet3 | OrderList_Indent_Level_1 }} +{{ codesnippet3 | UnOrderList_Indent_Level_1 }} * **MainWindow.Xaml.cs** @@ -253,7 +253,7 @@ namespace TabNavigationXMLBinding {% endhighlight %} {% endtabs %} {% endcapture %} -{{ codesnippet4 | OrderList_Indent_Level_1 }} +{{ codesnippet4 | UnOrderList_Indent_Level_1 }} * **MainWindow.Xaml** @@ -269,4 +269,4 @@ namespace TabNavigationXMLBinding {% endhighlight %} {% endtabs %} {% endcapture %} -{{ codesnippet5 | OrderList_Indent_Level_1 }} +{{ codesnippet5 | UnOrderList_Indent_Level_1 }} diff --git a/wpf/Tile-Control/Hub-Tile-Control.md b/wpf/Tile-Control/Hub-Tile-Control.md index b97456b28b..8041c3a62b 100644 --- a/wpf/Tile-Control/Hub-Tile-Control.md +++ b/wpf/Tile-Control/Hub-Tile-Control.md @@ -505,7 +505,7 @@ public class Model {% endhighlight %} {% endtabs %} {% endcapture %} -{{ codesnippet1 | OrderList_Indent_Level_1 }} +{{ codesnippet1 | UnOrderList_Indent_Level_1 }} * Create a **ViewModel** class where the collection has been declared and populate the items into it. @@ -552,7 +552,7 @@ public class ViewModel {% endhighlight %} {% endtabs %} {% endcapture %} -{{ codesnippet2 | OrderList_Indent_Level_1 }} +{{ codesnippet2 | UnOrderList_Indent_Level_1 }} * In XAML, bind the collection to the ListView control and use ItemTemplate to populate Hub Tile control into it. @@ -606,7 +606,7 @@ public class ViewModel {% endhighlight %} {% endtabs %} {% endcapture %} -{{ codesnippet3 | OrderList_Indent_Level_1 }} +{{ codesnippet3 | UnOrderList_Indent_Level_1 }} ![wpf hub tile grouping via databinding](Getting-Started_images/wpf-hubtile-grouping-binding.png) diff --git a/wpf/ToolBar/Getting-Started.md b/wpf/ToolBar/Getting-Started.md index 87532f6e7c..b4847d348b 100644 --- a/wpf/ToolBar/Getting-Started.md +++ b/wpf/ToolBar/Getting-Started.md @@ -46,7 +46,7 @@ Title="MainWindow" Height="350" Width="525"> {% endtabs %} {% endcapture %} -{{ codesnippet1 | OrderList_Indent_Level_1 }} +{{ codesnippet1 | UnOrderList_Indent_Level_1 }} * Now add the WPF ToolBar (ToolBarAdv) control with a required optimal name using the namespace @@ -63,7 +63,7 @@ Title="MainWindow" Height="350" Width="525"> {% endtabs %} {% endcapture %} -{{ codesnippet2 | OrderList_Indent_Level_1 }} +{{ codesnippet2 | UnOrderList_Indent_Level_1 }} ### Create the ToolBarAdv control to an application by C#: