diff --git a/wpf/Avatar-View/getting-started.md b/wpf/Avatar-View/getting-started.md index 1bd184a354..ba07d15453 100644 --- a/wpf/Avatar-View/getting-started.md +++ b/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 -{% 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"> -{% 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 %} diff --git a/wpf/Busy-Indicator/Getting-Started.md b/wpf/Busy-Indicator/Getting-Started.md index 698563cee5..a490f65ff6 100644 --- a/wpf/Busy-Indicator/Getting-Started.md +++ b/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 %} - - + - - - + + - - -{% 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) \ No newline at end of file