Documentation(1046078): Fix the getting started documentation issue for tools controls in WPF platform(AvatarView,BusyIndicator).

wpf/Avatar-View/getting-started.md

@@ -21,7 +21,7 @@ Follow these steps to integrate the SfAvatarView control into your WPF applicati
 
 ## Initialize AvatarView 
 
-By default, AvatarView control is displayed with the [Avatar1](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Shared.AvatarCharacter.html#Syncfusion_Windows_Shared_AvatarCharacter_Avatar1) character image, AvatarShape of [Circle](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Shared.AvatarShape.html#Syncfusion_Windows_Shared_AvatarShape_Circle), and AvatarSize of [Small](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Shared.AvatarSize.html#Syncfusion_Windows_Shared_AvatarSize_Small).
+By default, the AvatarView control is displayed with the [Avatar1](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Shared.AvatarCharacter.html#Syncfusion_Windows_Shared_AvatarCharacter_Avatar1) character image, an [AvatarShape](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Shared.AvatarShape.html) of `Circle`, and an [AvatarSize](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Shared.AvatarSize.html) of `Small`.
 
 {% tabs %}
 {% highlight xaml %}
@@ -40,7 +40,7 @@ By default, AvatarView control is displayed with the [Avatar1](https://help.sync
     </Grid>
 </Window>
 
-{% endhighlight %} 
+{% endhighlight %}
 {% highlight C# %}
 
 // Creating an instance of the AvatarView control.
@@ -53,7 +53,7 @@ SfAvatarView avatarView = new SfAvatarView();
 
 ## Initialize AvatarView with ImageSource
 
-Add any custom image as an avatar in WPF AvatarView control using the [ImageSource](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Shared.SfAvatarView.html#Syncfusion_Windows_Shared_SfAvatarView_ImageSource) property.
+Add any custom image as an avatar in the WPF AvatarView control using the [ImageSource](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Shared.SfAvatarView.html#Syncfusion_Windows_Shared_SfAvatarView_ImageSource) property. To load a local image, set the project's `Build Action` to `Resource` (or reference the file from an accessible path) and use a WPF `pack://` URI as shown in the C# example.
 
 {% tabs %}
 {% highlight xaml %}
@@ -63,13 +63,14 @@ Add any custom image as an avatar in WPF AvatarView control using the [ImageSour
                          ImageSource="Images\person.png">
 </syncfusion:SfAvatarView>
 
-{% endhighlight %} 
+{% endhighlight %}
 {% highlight C# %}
 
 SfAvatarView avatarView = new SfAvatarView();
 avatarView.ContentType = AvatarContentType.CustomImage;
 avatarView.AvatarSize = AvatarSize.ExtraLarge;
-avatarView.ImageSource = new BitmapImage(new Uri("ms-appx:///Images\\person.png"));
+avatarView.ImageSource = new BitmapImage(new Uri("pack://application:,,,/Images/person.png"));
+this.Content = avatarView;
 
 {% endhighlight %}
 {% endtabs %}

wpf/Busy-Indicator/Getting-Started.md

@@ -9,45 +9,57 @@ documentation: ug
 
 # Getting Started with WPF Busy Indicator (SfBusyIndicator)
 
-Namespace: Syncfusion.Windows.Controls.Notification.
+This section explains how to create a WPF application and add the [SfBusyIndicator](https://help.syncfusion.com/wpf/busy-indicator/overview) control to it. It also covers the basics of the control and steps to show a busy state for long-running operations.
 
-Assembly: Syncfusion.SfBusyIndicator.WPF (in Syncfusion.SfBusyIndicator.WPF.dll)
+**Namespace:** `Syncfusion.Windows.Controls.Notification`
 
-The following code example shows how to create the SfBusyIndicator from XAML and code behind respectively.
+**Assembly:** `Syncfusion.SfBusyIndicator.WPF.dll`
+
+## Create the SfBusyIndicator
+
+The following code example shows how to create the SfBusyIndicator in XAML and in code-behind.
 
 {% tabs %}
 
 {% highlight xaml %}
 
-<Page xmlns:Notification="clr-namespace:Syncfusion.Windows.Controls.Notification;assembly=Syncfusion.SfBusyIndicator.WPF">
-
+<Window x:Class="GettingStarted.MainWindow"
+        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+        xmlns:syncfusion="clr-namespace:Syncfusion.Windows.Controls.Notification;assembly=Syncfusion.SfBusyIndicator.WPF"
+        Title="Getting Started" Height="450" Width="800">
     <Grid Background="CornflowerBlue">
-
-        <Notification:SfBusyIndicator/>
-
+        <syncfusion:SfBusyIndicator x:Name="busyIndicator"/>
     </Grid>
+</Window>
 
-</Page>
-
-{% endhighlight  %}
+{% endhighlight %}
 
 {% highlight c# %}
 
-SfBusyIndicator busyIndicator = new SfBusyIndicator();
+using Syncfusion.Windows.Controls.Notification;
 
-{% endhighlight  %}
+public partial class MainWindow : Window
+{
+    public MainWindow()
+    {
+        InitializeComponent()
+        SfBusyIndicator busyIndicator = new SfBusyIndicator();
+        this.Content = busyIndicator;
+    }
+}
 
-{% endtabs %}
+{% endhighlight %}
 
+{% endtabs %}
 
-N> View [sample](https://github.com/SyncfusionExamples/wpf-BusyIndicator-examples/tree/master/Samples/Getting-Started) in GitHub
+N> View [sample](https://github.com/SyncfusionExamples/wpf-BusyIndicator-examples/tree/master/Samples/Getting-Started) on GitHub.
 
 ## Theme
 
-SfBusyIndicator supports various built-in themes. Refer to the below links to apply themes for the SfBusyIndicator,
+SfBusyIndicator supports various built-in themes. Refer to the following links to apply themes for the SfBusyIndicator:
 
   * [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 SfBusyIndicator](IsBusy_images/Theme.png)