diff --git a/wpf-toc.html b/wpf-toc.html
index f4c35e9cf5..355b148c75 100644
--- a/wpf-toc.html
+++ b/wpf-toc.html
@@ -124,6 +124,16 @@
Section 508 Compliance
+
+ SfAIAssistView
+
+
SfAccordion
Printing
@@ -2120,6 +2131,7 @@
Selection Support
Customizing Leaf Nodes
Drill Down Support
+ Accessibility
@@ -2459,7 +2471,7 @@
Release Notes
- 2024 Volume 4 - v28.* 2024 Volume 3 - v27.* 2024 Volume 2 - v26.* 2024 Volume 1 - v25.* 2023 Volume 4 - v24.* 2023 Volume 3 - v23.* 2023 Volume 2 - v22.*
+ 2024 Volume 4 - v28.* 2024 Volume 3 - v27.* 2024 Volume 2 - v26.* 2024 Volume 1 - v25.* 2023 Volume 4 - v24.* 2023 Volume 3 - v23.* 2023 Volume 2 - v22.*
2023 Volume 1 - v21.*
2022 Volume 4 - v20.4.0.* 2022 Volume 3 - v20.3.0.* 2022 Volume 2 - v20.2.0.* 2022 volume 1 - v20.1.0.*
2021 Volume 4 - v19.4.0.*
diff --git a/wpf/AI-AssistView/Getting-Started.md b/wpf/AI-AssistView/Getting-Started.md
new file mode 100644
index 0000000000..e83dfbe229
--- /dev/null
+++ b/wpf/AI-AssistView/Getting-Started.md
@@ -0,0 +1,176 @@
+---
+layout: post
+title: Getting Started with WPF AI AssistView control | Syncfusion
+description: Learn about getting started with the Syncfusion WPF AI AssistView (SfAIAssistView) control with its basic features.
+platform: wpf
+control: AI AssistView
+documentation: ug
+---
+
+# Getting Started with WPF AI AssistView
+
+This section explains the steps required to add the Wpf [SfAIAssistView](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Chat.SfAIAssistView.html) control with its basic features.
+
+## Structure of SfAIAssistView
+
+![WPF SfAIAssistView Structure](aiassistview_images/wpf_aiassistview_control_structure.png)
+
+## Adding WPF SfAIAssistview via xaml
+
+1. Create a [Wpf desktop app for C# and .NET 6](https://learn.microsoft.com/en-us/dotnet/desktop/wpf/get-started/create-app-visual-studio?view=netdesktop-9.0).
+2. Add reference to [Syncfusion.SfChat.Wpf](https://www.nuget.org/packages/Syncfusion.SfChat.Wpf) NuGet.
+3. Import the control namespace `Syncfusion.UI.Xaml.Chat` in XAML or C# code.
+4. Initialize the [SfAIAssistView](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Chat.SfAIAssistView.html) control.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+
+
+
+
+{% endhighlight %}
+{% endtabs %}
+
+## Adding WPF SfAIAssistview via C#
+
+1. Create a [Wpf desktop app for C# and .NET 6](https://learn.microsoft.com/en-us/dotnet/desktop/wpf/get-started/create-app-visual-studio?view=netdesktop-9.0).
+2. Add reference to [Syncfusion.SfChat.Wpf](https://www.nuget.org/packages/Syncfusion.SfChat.Wpf) NuGet.
+3. Import the control namespace `Syncfusion.UI.Xaml.Chat` in XAML or C# code.
+4. Initialize the [SfAIAssistView](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Chat.SfAIAssistView.html) control.
+
+{% tabs %}
+{% highlight C# %}
+
+using Syncfusion.UI.Xaml.Chat;
+
+namespace GettingStarted
+{
+ ///
+ /// Interaction logic for MainWindow.xaml
+ ///
+ public partial class MainWindow : Window
+ {
+ public MainWindow()
+ {
+ this.InitializeComponent();
+ // Creating an instance of the AIAssistView control
+ SfAIAssistView assistView = new SfAIAssistView();
+ grid.Children.Add(assistView);
+ }
+ }
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+
+## Creating ViewModel for AI AssistView
+
+Create a simple chat collection as shown in the following code example in a new class file. Save it as ViewModel.cs file.
+
+{% tabs %}
+{% highlight C# %}
+
+ public class ViewModel : INotifyPropertyChanged
+ {
+ private ObservableCollection chats;
+ private Author currentUser;
+ public ViewModel()
+ {
+ this.Chats = new ObservableCollection();
+ this.CurrentUser = new Author { Name="John"};
+ this.GenerateMessages();
+ }
+
+ private async void GenerateMessages()
+ {
+ this.Chats.Add( new TextMessage { Author = CurrentUser, Text = "What is WPF?" } );
+ await Task.Delay(1000);
+ this.Chats.Add( new TextMessage { Author = new Author { Name = "Bot" }, Text = "WPF is a user interface layer that contains modern controls and styles for building Windows apps." });
+ }
+
+ public ObservableCollection Chats
+ {
+ get
+ {
+ return this.chats;
+ }
+ set
+ {
+ this.chats = value;
+ RaisePropertyChanged("Messages");
+ }
+ }
+
+ public Author CurrentUser
+ {
+ get
+ {
+ return this.currentUser;
+ }
+ set
+ {
+ this.currentUser = value;
+ RaisePropertyChanged("CurrentUser");
+ }
+ }
+
+
+ public void RaisePropertyChanged(string propName)
+ {
+ if (PropertyChanged != null)
+ {
+ PropertyChanged(this, new PropertyChangedEventArgs(propName));
+ }
+ }
+
+
+ public event PropertyChangedEventHandler PropertyChanged;
+ }
+
+{% endhighlight %}
+{% endtabs %}
+
+## Bind Messages
+
+Set the ViewModel as the DataContext for the AI AssistView or the parent window. This allows data binding between the UI and the ViewModel properties.
+To populate AI AssistView, bind the chats in ViewModel to Messages property of AI AssistView.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+{% endtabs %}
+
+![WPF AI AssistView control getting started](aiassistview_images/wpf_aiassistview_gettingstarted.png)
diff --git a/wpf/AI-AssistView/Open-AI.md b/wpf/AI-AssistView/Open-AI.md
new file mode 100644
index 0000000000..4702e700b5
--- /dev/null
+++ b/wpf/AI-AssistView/Open-AI.md
@@ -0,0 +1,211 @@
+---
+layout: post
+title: TypingIndicator in WPF AI AssistView control | Syncfusion
+description: Learn about how to connect the AI AssistView control with OpenAI and chat gpt conversation experience.
+platform: wpf
+control: SfAIAssistView
+documentation: ug
+---
+
+# OpenAI connection for AI AssistView
+
+This section explains about how to connect the AI AssistView with OpenAI.
+
+## Creating an application with NuGet reference.
+
+1. Create a [Wpf desktop app for C# and .NET 6](https://learn.microsoft.com/en-us/dotnet/desktop/wpf/get-started/create-app-visual-studio?view=netdesktop-9.0).
+2. Add reference to [Syncfusion.SfChat.Wpf](https://www.nuget.org/packages/Syncfusion.SfChat.Wpf) NuGet.
+3. Import the control namespace `Syncfusion.UI.Xaml.Chat` in XAML or C# code.
+4. Initialize the [SfAIAssistView](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Chat.SfAIAssistView.html) control.
+5. Add reference to [Microsoft Semantic NuGet](https://www.nuget.org/packages/Microsoft.SemanticKernel) NuGet.
+
+## Creating the OpenAI view model class.
+
+To connect with OpenAI, we need the following details.
+* OPENAI_KEY: A string variable where we should add our valid OpenAI API key.
+* OPENAI_MODEL: A string variable representing the OpenAI language model we want to use.
+* API_ENDPOINT: A string variable representing the URL endpoint of the OpenAI API.
+
+{% tabs %}
+{% highlight C# %}
+
+ public class ViewModel : INotifyPropertyChanged
+ {
+ AIAssistChatService service;
+
+ private ObservableCollection chats;
+ public ObservableCollection Chats
+ {
+ get
+ {
+ return this.chats;
+ }
+ set
+ {
+ this.chats = value;
+ RaisePropertyChanged("Messages");
+ }
+ }
+ public DataTemplate AIIcon { get; set; }
+ private ObservableCollection suggestion;
+
+ public void RaisePropertyChanged(string propName)
+ {
+ if (PropertyChanged != null)
+ {
+ PropertyChanged(this, new PropertyChangedEventArgs(propName));
+ }
+ }
+
+ public event PropertyChangedEventHandler PropertyChanged;
+
+ private Author currentUser;
+ public Author CurrentUser
+ {
+ get
+ {
+ return this.currentUser;
+ }
+ set
+ {
+ this.currentUser = value;
+ RaisePropertyChanged("CurrentUser");
+ }
+ }
+
+ private bool showTypingIndicator;
+ public bool ShowTypingIndicator
+ {
+ get
+ {
+ return this.showTypingIndicator;
+ }
+ set
+ {
+ this.showTypingIndicator = value;
+ RaisePropertyChanged("ShowTypingIndicator");
+ }
+ }
+
+ public ObservableCollection Suggestion
+ {
+ get
+ {
+ return this.suggestion;
+ }
+ set
+ {
+ this.suggestion = value;
+ RaisePropertyChanged("Suggestion");
+ }
+ }
+
+ private TypingIndicator typingIndicator;
+ public TypingIndicator TypingIndicator
+ {
+ get
+ {
+ return this.typingIndicator;
+ }
+ set
+ {
+ this.typingIndicator = value;
+ RaisePropertyChanged("TypingIndicator");
+ }
+ }
+
+ public ViewModel()
+ {
+ this.Chats = new ObservableCollection();
+ this.Chats.CollectionChanged += Chats_CollectionChanged;
+ this.CurrentUser = new Author() { Name = "User" };
+ this.TypingIndicator = new TypingIndicator() { Author = new Author { ContentTemplate = AIIcon } };
+ service = new AIAssistChatService();
+ service.Initialize();
+
+ }
+
+ private async void Chats_CollectionChanged(object sender, System.Collections.Specialized.NotifyCollectionChangedEventArgs e)
+ {
+ var item = e.NewItems?[0] as ITextMessage;
+ if (item != null)
+ {
+ if (item.Author.Name == currentUser.Name)
+ {
+ ShowTypingIndicator = true;
+ await service.NonStreamingChat(item.Text);
+ Chats.Add(new TextMessage
+ {
+ Author = new Author { Name = "Bot", ContentTemplate = AIIcon },
+ DateTime = DateTime.Now,
+ Text = service.Response
+ });
+ ShowTypingIndicator = false;
+ }
+ }
+ }
+
+ public class AIAssistChatService
+ {
+ IChatCompletionService gpt;
+ Kernel kernel;
+ private string OPENAI_KEY = "";// Add a valid OpenAI key here.
+
+ private string OPENAI_MODEL = "gpt-4o-mini";
+
+ private string API_ENDPOINT = "https://openai.azure.com";
+
+ public string Response { get; set; }
+ public async Task Initialize()
+ {
+ var builder = Kernel.CreateBuilder().AddAzureOpenAIChatCompletion(
+ OPENAI_MODEL, API_ENDPOINT, OPENAI_KEY);
+
+ kernel = builder.Build();
+ gpt = kernel.GetRequiredService();
+ }
+ public async Task NonStreamingChat(string line)
+ {
+ Response = string.Empty;
+ var response = await gpt.GetChatMessageContentAsync(line);
+ Response = response.ToString();
+ }
+ }
+ }
+
+{% endhighlight %}
+{% endtabs %}
+
+## Bind Messages
+
+Set the ViewModel as the DataContext for the AI AssistView or the parent window. This allows data binding between the UI and the ViewModel properties.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+{% endtabs %}
+
+![WPF AI AssistView control open ai](aiassistview_images/wpf_aiassistview_openai.gif)
\ No newline at end of file
diff --git a/wpf/AI-AssistView/Overview.md b/wpf/AI-AssistView/Overview.md
new file mode 100644
index 0000000000..6b17bfbe5d
--- /dev/null
+++ b/wpf/AI-AssistView/Overview.md
@@ -0,0 +1,19 @@
+---
+layout: post
+title: About WPF AI AssistView control | Syncfusion
+description: Learn about the introduction of Syncfusion WPF AI AssistView Control (SfAvatarView) with essential features and more.
+platform: wpf
+control: SfAIAssistView
+documentation: ug
+---
+
+# Overview of WPF AI AssistView (SfAIAssistView)
+
+The Syncfusion [WPF AI AssistView control](https://www.syncfusion.com/wpf-controls/aiassist-view) is used to enhance interaction between users and AI services. It offers a user-friendly interface for creating intelligent and responsive applications with AI services, allowing users to customize the appearance easily.
+
+## Key features
+
+* **Suggestions**: Offers selectable response suggestions to expedite the conversation flow.
+* **Typing indicator** : Displays a loading indicator to represent asynchronous communication with AI services.
+* **Formatted responses** : Visualizes responses using customizable templates.
+* **Styling**: Allows customization of the appearance of both request and response items.
\ No newline at end of file
diff --git a/wpf/AI-AssistView/Suggestions.md b/wpf/AI-AssistView/Suggestions.md
new file mode 100644
index 0000000000..8d6b6bd671
--- /dev/null
+++ b/wpf/AI-AssistView/Suggestions.md
@@ -0,0 +1,128 @@
+---
+layout: post
+title: Suggestions in WPF AI AssistView control | Syncfusion
+description: Learn about the suggestion feature that displays AI-driven suggestions in the bottom right corner of the AI AssistView control.
+platform: wpf
+control: SfAIAssistView
+documentation: ug
+---
+
+# Suggestions in WPF AI AssistView
+
+By using the [Suggestions](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Chat.SfAIAssistView.html#Syncfusion_UI_Xaml_Chat_SfAIAssistView_Suggestions) property, the AssistView displays AI-driven suggestions in the bottom right corner, making it easy for users to quickly respond or choose from relevant options.
+
+## Create a ViewModel class with suggestion property
+
+Create a simple suggestion collection as shown in the following code example in a new class file. Save it as ViewModel.cs file.
+
+{% tabs %}
+{% highlight C# %}
+
+ public class ViewModel : INotifyPropertyChanged
+ {
+ private ObservableCollection chats;
+ private Author currentUser;
+ private IEnumerable suggestion;
+
+ public ViewModel()
+ {
+ this.Chats = new ObservableCollection();
+ this.CurrentUser = new Author { Name="John"};
+ Suggestion = new ObservableCollection();
+ this.GenerateMessages();
+ }
+
+ private async void GenerateMessages()
+ {
+ this.Chats.Add( new TextMessage { Author = CurrentUser, Text = "What is WPF?" } );
+ await Task.Delay(1000);
+ this.Chats.Add( new TextMessage { Author = new Author { Name = "Bot" }, Text = "WPF is a user interface layer that contains modern controls and styles for building Windows apps." });
+ Suggestion = new ObservableCollection {"What is the future of WPF?", "What is XAML?", "What is the difference between WPF 2 and WPF 3?" };
+ }
+
+
+ public IEnumerable Suggestion
+ {
+ get
+ {
+ return this.suggestion;
+ }
+ set
+ {
+ this.suggestion = value;
+ RaisePropertyChanged("Suggestion");
+ }
+ }
+
+ public ObservableCollection Chats
+ {
+ get
+ {
+ return this.chats;
+ }
+ set
+ {
+ this.chats = value;
+ RaisePropertyChanged("Messages");
+ }
+ }
+
+ public Author CurrentUser
+ {
+ get
+ {
+ return this.currentUser;
+ }
+ set
+ {
+ this.currentUser = value;
+ RaisePropertyChanged("CurrentUser");
+ }
+ }
+
+
+ public void RaisePropertyChanged(string propName)
+ {
+ if (PropertyChanged != null)
+ {
+ PropertyChanged(this, new PropertyChangedEventArgs(propName));
+ }
+ }
+
+
+ public event PropertyChangedEventHandler PropertyChanged;
+ }
+
+{% endhighlight %}
+{% endtabs %}
+
+
+## Bind the Suggestion
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+{% endtabs %}
+
+![WPF AI AssistView control suggestion](aiassistview_images/wpf_aiassistview_suggestions.png)
\ No newline at end of file
diff --git a/wpf/AI-AssistView/Typing-Indicator.md b/wpf/AI-AssistView/Typing-Indicator.md
new file mode 100644
index 0000000000..0269c35b08
--- /dev/null
+++ b/wpf/AI-AssistView/Typing-Indicator.md
@@ -0,0 +1,149 @@
+---
+layout: post
+title: TypingIndicator in WPF AI AssistView control | Syncfusion
+description: Learn about the typing indicator feature displayed in the AI AssistView control while the AI processes or generates a response.
+platform: wpf
+control: SfAIAssistView
+documentation: ug
+---
+
+# Initialize the typing indicator in WPF AI AssistView
+
+By using the [TypingIndicator](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Chat.SfAIAssistView.html#Syncfusion_UI_Xaml_Chat_SfAIAssistView_TypingIndicator) property, a typing indicator is shown while the AI is processing or generating a response, giving users real-time feedback and enhancing conversational flow
+
+## Create a ViewModel class with TypingIndicator
+
+Create a simple suggestion collection as shown in the following code example in a new class file. Save it as ViewModel.cs file.
+
+{% tabs %}
+{% highlight C# %}
+
+ public class ViewModel : INotifyPropertyChanged
+ {
+ private ObservableCollection chats;
+ private Author currentUser;
+ private IEnumerable suggestion;
+ private TypingIndicator typingIndicator;
+
+ public ViewModel()
+ {
+ this.Chats = new ObservableCollection();
+ this.CurrentUser = new Author { Name="John"};
+ Suggestion = new ObservableCollection();
+ TypingIndicator = new TypingIndicator { Author = new Author { Name = "AI" } };
+ this.GenerateMessages();
+ }
+
+ private async void GenerateMessages()
+ {
+ this.Chats.Add( new TextMessage { Author = CurrentUser, Text = "What is WPF?" } );
+ await Task.Delay(1000);
+ this.Chats.Add( new TextMessage { Author = new Author { Name = "Bot" }, Text = "WPF is a user interface layer that contains modern controls and styles for building Windows apps." });
+ Suggestion = new ObservableCollection {"What is the future of WPF?", "What is XAML?", "What is the difference between WPF 2 and WPF 3?" };
+ }
+
+
+ public IEnumerable Suggestion
+ {
+ get
+ {
+ return this.suggestion;
+ }
+ set
+ {
+ this.suggestion = value;
+ RaisePropertyChanged("Suggestion");
+ }
+ }
+
+ public ObservableCollection Chats
+ {
+ get
+ {
+ return this.chats;
+ }
+ set
+ {
+ this.chats = value;
+ RaisePropertyChanged("Messages");
+ }
+ }
+
+ public Author CurrentUser
+ {
+ get
+ {
+ return this.currentUser;
+ }
+ set
+ {
+ this.currentUser = value;
+ RaisePropertyChanged("CurrentUser");
+ }
+ }
+
+
+ public TypingIndicator TypingIndicator
+ {
+ get
+ {
+ return this.typingIndicator;
+ }
+ set
+ {
+ this.typingIndicator = value;
+ RaisePropertyChanged("TypingIndicator");
+ }
+ }
+
+
+ public void RaisePropertyChanged(string propName)
+ {
+ if (PropertyChanged != null)
+ {
+ PropertyChanged(this, new PropertyChangedEventArgs(propName));
+ }
+ }
+
+
+ public event PropertyChangedEventHandler PropertyChanged;
+ }
+
+{% endhighlight %}
+{% endtabs %}
+
+## Bind the TypingIndicator
+
+Set the ViewModel as the DataContext for the AI AssistView or the parent window. This allows data binding between the UI and the ViewModel properties.
+To populate AI AssistView, bind the [TypingIndicator](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Chat.SfAIAssistView.html#Syncfusion_UI_Xaml_Chat_SfAIAssistView_TypingIndicator) in ViewModel to Messages property of AI AssistView.
+When the application runs, the TypingIndicator will show an animation representing the AI or user typing a message. This indicator is shown when the [ShowTypingIndicator](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Chat.SfAIAssistView.html#Syncfusion_UI_Xaml_Chat_SfAIAssistView_ShowTypingIndicator) property value as true.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+{% endtabs %}
+
+![WPF AI AssistView control typing indicator](aiassistview_images/wpf_aiassistview_typing_indicator.gif)
\ No newline at end of file
diff --git a/wpf/AI-AssistView/aiassistview_images/wpf_aiassistview_control_structure.png b/wpf/AI-AssistView/aiassistview_images/wpf_aiassistview_control_structure.png
new file mode 100644
index 0000000000..1b73620eb1
Binary files /dev/null and b/wpf/AI-AssistView/aiassistview_images/wpf_aiassistview_control_structure.png differ
diff --git a/wpf/AI-AssistView/aiassistview_images/wpf_aiassistview_gettingstarted.png b/wpf/AI-AssistView/aiassistview_images/wpf_aiassistview_gettingstarted.png
new file mode 100644
index 0000000000..bc1bc3a736
Binary files /dev/null and b/wpf/AI-AssistView/aiassistview_images/wpf_aiassistview_gettingstarted.png differ
diff --git a/wpf/AI-AssistView/aiassistview_images/wpf_aiassistview_openai.gif b/wpf/AI-AssistView/aiassistview_images/wpf_aiassistview_openai.gif
new file mode 100644
index 0000000000..335a147a56
Binary files /dev/null and b/wpf/AI-AssistView/aiassistview_images/wpf_aiassistview_openai.gif differ
diff --git a/wpf/AI-AssistView/aiassistview_images/wpf_aiassistview_suggestions.png b/wpf/AI-AssistView/aiassistview_images/wpf_aiassistview_suggestions.png
new file mode 100644
index 0000000000..27e7296f79
Binary files /dev/null and b/wpf/AI-AssistView/aiassistview_images/wpf_aiassistview_suggestions.png differ
diff --git a/wpf/AI-AssistView/aiassistview_images/wpf_aiassistview_typing_indicator.gif b/wpf/AI-AssistView/aiassistview_images/wpf_aiassistview_typing_indicator.gif
new file mode 100644
index 0000000000..335a147a56
Binary files /dev/null and b/wpf/AI-AssistView/aiassistview_images/wpf_aiassistview_typing_indicator.gif differ
diff --git a/wpf/Button/Getting-Started.md b/wpf/Button/Getting-Started.md
index 65b71f0ef0..001c551eb6 100644
--- a/wpf/Button/Getting-Started.md
+++ b/wpf/Button/Getting-Started.md
@@ -305,7 +305,7 @@ The [IconTemplate](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Tools.C
{% highlight XAML %}
-
+
+
+
+
+
-
+
-
+
-
+
+
-
-
+
+
@@ -355,28 +361,49 @@ The [IconTemplate](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Tools.C
{% highlight c# %}
- public class TemplateSelector : DataTemplateSelector
- {
- public DataTemplate NewIcon { get; set; }
- public DataTemplate OpenIcon { get; set; }
- public override DataTemplate SelectTemplate(object item, DependencyObject container)
+ public class ViewModel : INotifyPropertyChanged
{
- if (item == null)
- {
- return OpenIcon;
- }
- if ((item as Model).IsChecked)
- {
- return NewIcon;
- }
- return base.SelectTemplate(item, container);
+ private bool _isChecked;
+ public bool IsChecked
+ {
+ get { return _isChecked; }
+ set
+ {
+ if (_isChecked != value)
+ {
+ _isChecked = value;
+ OnPropertyChanged(nameof(IsChecked));
+ }
+ }
+ }
+
+ public event PropertyChangedEventHandler PropertyChanged;
+
+ protected void OnPropertyChanged(string propertyName) =>
+ PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
+ }
+
+ public class IconTemplateSelector : DataTemplateSelector
+ {
+ public DataTemplate CheckedIcon { get; set; }
+ public DataTemplate UnCheckedIcon { get; set; }
+
+ public override DataTemplate SelectTemplate(object item, DependencyObject container)
+ {
+ if (item is bool isChecked)
+ {
+ return isChecked ? CheckedIcon : UnCheckedIcon;
+ }
+ return base.SelectTemplate(item, container);
+ }
}
- }
{% endhighlight %}
{% endtabs %}
+![IconTemplateSelector in WPF Button](Getting-Started_images/Getting-Started_IconTemplateSelector.gif)
+
N> The [ButtonAdv](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Tools.Controls.ButtonAdv.html) loads the icon in the following priority order.
* [IconTemplateSelector](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Tools.Controls.ButtonAdv.html#Syncfusion_Windows_Tools_Controls_ButtonAdv_IconTemplateSelector)
* [IconTemplate](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Tools.Controls.ButtonAdv.html#Syncfusion_Windows_Tools_Controls_ButtonAdv_IconTemplate)
diff --git a/wpf/Button/Getting-Started_images/Getting-Started_IconTemplateSelector.gif b/wpf/Button/Getting-Started_images/Getting-Started_IconTemplateSelector.gif
new file mode 100644
index 0000000000..33e74f87d1
Binary files /dev/null and b/wpf/Button/Getting-Started_images/Getting-Started_IconTemplateSelector.gif differ
diff --git a/wpf/Charts/Adornments/DataMarkers.md b/wpf/Charts/Adornments/DataMarkers.md
index be578cc8d2..bb47f00763 100644
--- a/wpf/Charts/Adornments/DataMarkers.md
+++ b/wpf/Charts/Adornments/DataMarkers.md
@@ -1,7 +1,7 @@
---
layout: post
title: Data Markers in WPF Charts control | Syncfusion
-description: Learn here all about Data Markers support in Syncfusion WPF Charts (SfChart) control, its elements and more details.
+description: Learn here all about Data Markers support in Syncfusion® WPF Charts (SfChart) control, its elements and more details.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Charts/Adornments/Label.md b/wpf/Charts/Adornments/Label.md
index fb9e158188..933e44f58b 100644
--- a/wpf/Charts/Adornments/Label.md
+++ b/wpf/Charts/Adornments/Label.md
@@ -1,7 +1,7 @@
---
layout: post
title: Data Label in WPF Charts control | Syncfusion
-description: Learn here all about Data Label support in Syncfusion WPF Charts (SfChart) control, its elements and more details.
+description: Learn here all about Data Label support in Syncfusion® WPF Charts (SfChart) control, its elements and more details.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Charts/Adornments/Marker.md b/wpf/Charts/Adornments/Marker.md
index b08c1dc1d1..d43bc666b5 100644
--- a/wpf/Charts/Adornments/Marker.md
+++ b/wpf/Charts/Adornments/Marker.md
@@ -1,7 +1,7 @@
---
layout: post
title: Data Marker in WPF Charts control | Syncfusion
-description: Learn here all about Data Marker support in Syncfusion WPF Charts (SfChart) control, its elements and more details.
+description: Learn here all about Data Marker support in Syncfusion® WPF Charts (SfChart) control, its elements and more details.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Charts/Adornments/Positioning-Adornment.md b/wpf/Charts/Adornments/Positioning-Adornment.md
index 99994e5c5b..b8a57a9b3b 100644
--- a/wpf/Charts/Adornments/Positioning-Adornment.md
+++ b/wpf/Charts/Adornments/Positioning-Adornment.md
@@ -1,7 +1,7 @@
---
layout: post
title: Positioning Data Markers in WPF Charts control | Syncfusion
-description: Learn here all about Positioning Data Markers support in Syncfusion WPF Charts (SfChart) control and more.
+description: Learn here all about Positioning Data Markers support in Syncfusion® WPF Charts (SfChart) control and more.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Charts/Animation.md b/wpf/Charts/Animation.md
index 025ee4983a..1654b4f1fc 100644
--- a/wpf/Charts/Animation.md
+++ b/wpf/Charts/Animation.md
@@ -1,7 +1,7 @@
---
layout: post
title: Animation in WPF Charts control | Syncfusion
-description: Learn here all about Animation support in Syncfusion WPF Charts (SfChart) control, its elements and more details.
+description: Learn here all about Animation support in Syncfusion® WPF Charts (SfChart) control, its elements and more details.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Charts/Annotations.md b/wpf/Charts/Annotations.md
index 88a749b3d2..22284320bd 100644
--- a/wpf/Charts/Annotations.md
+++ b/wpf/Charts/Annotations.md
@@ -1,7 +1,7 @@
---
layout: post
title: Annotations in WPF Charts control | Syncfusion
-description: Learn here all about Annotations support in Syncfusion WPF Charts (SfChart) control, its elements and more details.
+description: Learn here all about Annotations support in Syncfusion® WPF Charts (SfChart) control, its elements and more details.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Charts/Appearance.md b/wpf/Charts/Appearance.md
index 2f0d29c06a..ef95809757 100644
--- a/wpf/Charts/Appearance.md
+++ b/wpf/Charts/Appearance.md
@@ -1,7 +1,7 @@
---
layout: post
title: Appearance in WPF Charts control | Syncfusion
-description: Learn here all about Appearance support in Syncfusion WPF Charts (SfChart) control, its elements and more details.
+description: Learn here all about Appearance support in Syncfusion® WPF Charts (SfChart) control, its elements and more details.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Charts/Area.md b/wpf/Charts/Area.md
index 5c8a744749..13ffacf66c 100644
--- a/wpf/Charts/Area.md
+++ b/wpf/Charts/Area.md
@@ -1,7 +1,7 @@
---
layout: post
title: Area in WPF Charts control | Syncfusion
-description: Learn here all about Area support in Syncfusion WPF Charts (SfChart) control, its elements and more details.
+description: Learn here all about Area support in Syncfusion® WPF Charts (SfChart) control, its elements and more details.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Charts/Axis.md b/wpf/Charts/Axis.md
index 296d3d45f1..9534fa2b9a 100644
--- a/wpf/Charts/Axis.md
+++ b/wpf/Charts/Axis.md
@@ -1,7 +1,7 @@
---
layout: post
title: Axis in WPF Charts control | Syncfusion
-description: Learn here all about Axis support in Syncfusion WPF Charts (SfChart) control, its elements and more details.
+description: Learn here all about Axis support in Syncfusion® WPF Charts (SfChart) control, its elements and more details.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Charts/CodedUI.md b/wpf/Charts/CodedUI.md
index eaffc78ea9..3d31692a86 100644
--- a/wpf/Charts/CodedUI.md
+++ b/wpf/Charts/CodedUI.md
@@ -1,7 +1,7 @@
---
layout: post
title: Coded UI in WPF Charts control | Syncfusion
-description: Learn here all about Coded UI support in Syncfusion WPF Charts (SfChart) control, its elements and more details.
+description: Learn here all about Coded UI support in Syncfusion® WPF Charts (SfChart) control, its elements and more details.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Charts/DataBinding.md b/wpf/Charts/DataBinding.md
index c563b9ddc6..4584089244 100644
--- a/wpf/Charts/DataBinding.md
+++ b/wpf/Charts/DataBinding.md
@@ -1,7 +1,7 @@
---
layout: post
title: Data Binding in WPF Charts control | Syncfusion
-description: Learn here all about Data Binding support in Syncfusion WPF Charts (SfChart) control, its elements and more details.
+description: Learn here all about Data Binding support in Syncfusion® WPF Charts (SfChart) control, its elements and more details.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Charts/Exporting.md b/wpf/Charts/Exporting.md
index 841fc024e5..f6f7652e95 100644
--- a/wpf/Charts/Exporting.md
+++ b/wpf/Charts/Exporting.md
@@ -1,7 +1,7 @@
---
layout: post
title: Exporting in WPF Charts control | Syncfusion
-description: Learn here all about Exporting support in Syncfusion WPF Charts (SfChart) control, its elements and more details.
+description: Learn here all about Exporting support in Syncfusion® WPF Charts (SfChart) control, its elements and more details.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Charts/FastChart/Fast-BitmapSeries.md b/wpf/Charts/FastChart/Fast-BitmapSeries.md
index 83c7b1dd1a..f365f83fd8 100644
--- a/wpf/Charts/FastChart/Fast-BitmapSeries.md
+++ b/wpf/Charts/FastChart/Fast-BitmapSeries.md
@@ -1,7 +1,7 @@
---
layout: post
title: Fast Bitmap Series in WPF Charts control | Syncfusion
-description: Learn here all about Fast Bitmap Series support in Syncfusion WPF Charts (SfChart) control and more.
+description: Learn here all about Fast Bitmap Series support in Syncfusion® WPF Charts (SfChart) control and more.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Charts/FastChart/Fast-Series.md b/wpf/Charts/FastChart/Fast-Series.md
index 7ae0c08e4d..4df7396840 100644
--- a/wpf/Charts/FastChart/Fast-Series.md
+++ b/wpf/Charts/FastChart/Fast-Series.md
@@ -1,7 +1,7 @@
---
layout: post
title: Fast Series in WPF Charts control | Syncfusion
-description: Learn here all about Fast Series support in Syncfusion WPF Charts (SfChart) control, its elements and more details.
+description: Learn here all about Fast Series support in Syncfusion® WPF Charts (SfChart) control, its elements and more details.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Charts/FastChart/FastCharts.md b/wpf/Charts/FastChart/FastCharts.md
index 989025075d..a4134ffece 100644
--- a/wpf/Charts/FastChart/FastCharts.md
+++ b/wpf/Charts/FastChart/FastCharts.md
@@ -1,7 +1,7 @@
---
layout: post
title: Fast Chart in WPF Charts control | Syncfusion
-description: Learn here all about Fast Chart support in Syncfusion WPF Charts (SfChart) control, its elements and more details.
+description: Learn here all about Fast Chart support in Syncfusion® WPF Charts (SfChart) control, its elements and more details.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Charts/Getting-Started.md b/wpf/Charts/Getting-Started.md
index 8afc160fce..2370468447 100644
--- a/wpf/Charts/Getting-Started.md
+++ b/wpf/Charts/Getting-Started.md
@@ -1,7 +1,7 @@
---
layout: post
title: Getting Started with WPF Charts control | Syncfusion
-description: Learn here about getting started with Syncfusion WPF Charts (SfChart) control, its elements and more.
+description: Learn here about getting started with Syncfusion® WPF Charts (SfChart) control, its elements and more.
platform: wpf
control: SfChart
documentation: ug
@@ -17,7 +17,7 @@ To get start quickly with [WPF Chart](https://www.syncfusion.com/wpf-controls/ch
## Adding chart reference
-Refer to this [article](https://help.syncfusion.com/wpf/add-syncfusion-controls) to learn how to add Syncfusion controls to Visual Studio projects in various ways. You can also refer to [this](https://help.syncfusion.com/wpf/control-dependencies) link to learn about the assemblies required for adding Chart to your project.
+Refer to this [article](https://help.syncfusion.com/wpf/add-syncfusion-controls) to learn how to add Syncfusion® controls to Visual Studio projects in various ways. You can also refer to [this](https://help.syncfusion.com/wpf/control-dependencies) link to learn about the assemblies required for adding Chart to your project.
## Initialize chart
@@ -317,7 +317,7 @@ chart.Series.Add(series)
{% endtabs %}
-N> Syncfusion Chart also supports rendering combination of multiple series. Refer to [`this`](https://help.syncfusion.com/wpf/charts/area#multiple-area) for details.
+N> Syncfusion® Chart also supports rendering combination of multiple series. Refer to [`this`](https://help.syncfusion.com/wpf/charts/area#multiple-area) for details.
## Add title
diff --git a/wpf/Charts/Header.md b/wpf/Charts/Header.md
index 83f037fdb4..da8b13946b 100644
--- a/wpf/Charts/Header.md
+++ b/wpf/Charts/Header.md
@@ -1,7 +1,7 @@
---
layout: post
title: Header in WPF Charts control | Syncfusion
-description: Learn here all about Header support in Syncfusion WPF Charts (SfChart) control, its elements and more details.
+description: Learn here all about Header support in Syncfusion® WPF Charts (SfChart) control, its elements and more details.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Charts/How-To/Add-custom-labels-to-track-ball-behavior.md b/wpf/Charts/How-To/Add-custom-labels-to-track-ball-behavior.md
index 859808f587..6fed543200 100644
--- a/wpf/Charts/How-To/Add-custom-labels-to-track-ball-behavior.md
+++ b/wpf/Charts/How-To/Add-custom-labels-to-track-ball-behavior.md
@@ -1,7 +1,7 @@
---
layout: post
title: Add custom labels to track ball behavior| SfChart | Wpf | Syncfusion
-description: Add custom labels to track ball behavior in Syncfusion WPF Chart (SfChart) control, its elements and more.
+description: Add custom labels to track ball behavior in Syncfusion® WPF Chart (SfChart) control, its elements and more.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Charts/How-To/Add-range-of-points-dynamically.md b/wpf/Charts/How-To/Add-range-of-points-dynamically.md
index 95395321a0..2ef3dbbe3e 100644
--- a/wpf/Charts/How-To/Add-range-of-points-dynamically.md
+++ b/wpf/Charts/How-To/Add-range-of-points-dynamically.md
@@ -1,7 +1,7 @@
---
layout: post
title: Add range of points dynamically| SfChart | Wpf | Syncfusion
-description: Add range of points dynamically in Syncfusion Essential Studio WPF Chart (SfChart) control, its elements and more.
+description: Add range of points dynamically in Syncfusion Essential Studio® WPF Chart (SfChart) control, its elements and more.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Charts/How-To/Export-Chart-to-Image-Windows-8-1.md b/wpf/Charts/How-To/Export-Chart-to-Image-Windows-8-1.md
index ab1eef98d3..3789145b1a 100644
--- a/wpf/Charts/How-To/Export-Chart-to-Image-Windows-8-1.md
+++ b/wpf/Charts/How-To/Export-Chart-to-Image-Windows-8-1.md
@@ -1,7 +1,7 @@
---
layout: post
title: Export Chart to Image Windows 8.1 in WPF Chart Control | Syncfusion
-description: Learn here all about export chart to image windows 8.1 support in Syncfusion Essential WPF Chart(SFChart) control, it's elements, and more.
+description: Learn here all about export chart to image windows 8.1 support in Syncfusion Essential® WPF Chart(SFChart) control, it's elements, and more.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Charts/How-To/Print-the-SfChart.md b/wpf/Charts/How-To/Print-the-SfChart.md
index 4961687144..73e3c436b6 100644
--- a/wpf/Charts/How-To/Print-the-SfChart.md
+++ b/wpf/Charts/How-To/Print-the-SfChart.md
@@ -1,7 +1,7 @@
---
layout: post
title: Print the SfChart| SfChart | Wpf | Syncfusion
-description: Print the sfchart in Syncfusion Essential Studio WPF Chart (SfChart) control, its elements and more.
+description: Print the sfchart in Syncfusion Essential Studio® WPF Chart (SfChart) control, its elements and more.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Charts/How-To/Serialize-the-SfChart.md b/wpf/Charts/How-To/Serialize-the-SfChart.md
index 94f22882c6..01f4909f24 100644
--- a/wpf/Charts/How-To/Serialize-the-SfChart.md
+++ b/wpf/Charts/How-To/Serialize-the-SfChart.md
@@ -1,7 +1,7 @@
---
layout: post
title: Serialize the SfChart| SfChart | Wpf | Syncfusion
-description: Serialization and deserialization in Syncfusion Essential Studio WPF Chart (SfChart) control, its elements and more.
+description: Serialization and deserialization in Syncfusion Essential Studio® WPF Chart (SfChart) control, its elements and more.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Charts/How-To/Transform-axis-value-to-pixel-value-and-vice-versa.md b/wpf/Charts/How-To/Transform-axis-value-to-pixel-value-and-vice-versa.md
index feae888ae6..ffcf9eb40f 100644
--- a/wpf/Charts/How-To/Transform-axis-value-to-pixel-value-and-vice-versa.md
+++ b/wpf/Charts/How-To/Transform-axis-value-to-pixel-value-and-vice-versa.md
@@ -1,7 +1,7 @@
---
layout: post
title: Transform axis value to pixel value in WPF Chart Control | Syncfusion
-description: Transform axis value to pixel value and vice versa in Syncfusion Essential Studio WPF Chart (SfChart) control, its elements and more.
+description: Transform axis value to pixel value and vice versa in Syncfusion Essential Studio® WPF Chart (SfChart) control, its elements and more.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Charts/Interactive-Features/Crosshair.md b/wpf/Charts/Interactive-Features/Crosshair.md
index c4c51f574f..b9dd75f0df 100644
--- a/wpf/Charts/Interactive-Features/Crosshair.md
+++ b/wpf/Charts/Interactive-Features/Crosshair.md
@@ -1,7 +1,7 @@
---
layout: post
title: Crosshair in WPF Charts control | Syncfusion
-description: Learn here all about Crosshair support in Syncfusion WPF Charts (SfChart) control, its elements and more details.
+description: Learn here all about Crosshair support in Syncfusion® WPF Charts (SfChart) control, its elements and more details.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Charts/Interactive-Features/InteractiveFeatures.md b/wpf/Charts/Interactive-Features/InteractiveFeatures.md
index 8ec1b3866f..b2a79b471f 100644
--- a/wpf/Charts/Interactive-Features/InteractiveFeatures.md
+++ b/wpf/Charts/Interactive-Features/InteractiveFeatures.md
@@ -1,7 +1,7 @@
---
layout: post
title: Interactive Features in WPF Charts control | Syncfusion
-description: Learn here all about Interactive Features support in Syncfusion WPF Charts (SfChart) control and more.
+description: Learn here all about Interactive Features support in Syncfusion® WPF Charts (SfChart) control and more.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Charts/Interactive-Features/Resizable-Scrollbar.md b/wpf/Charts/Interactive-Features/Resizable-Scrollbar.md
index 6324b019a5..7e00bca875 100644
--- a/wpf/Charts/Interactive-Features/Resizable-Scrollbar.md
+++ b/wpf/Charts/Interactive-Features/Resizable-Scrollbar.md
@@ -1,7 +1,7 @@
---
layout: post
title: Resizable Scrollbar in WPF Charts control | Syncfusion
-description: Learn here all about Resizable Scrollbar support in Syncfusion WPF Charts (SfChart) control and more.
+description: Learn here all about Resizable Scrollbar support in Syncfusion® WPF Charts (SfChart) control and more.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Charts/Interactive-Features/Selection.md b/wpf/Charts/Interactive-Features/Selection.md
index cdbef15da4..58c69f6fdc 100644
--- a/wpf/Charts/Interactive-Features/Selection.md
+++ b/wpf/Charts/Interactive-Features/Selection.md
@@ -1,7 +1,7 @@
---
layout: post
title: Selection in WPF Charts control | Syncfusion
-description: Learn here all about Selection support in Syncfusion WPF Charts (SfChart) control, its elements and more details.
+description: Learn here all about Selection support in Syncfusion® WPF Charts (SfChart) control, its elements and more details.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Charts/Interactive-Features/Tooltip.md b/wpf/Charts/Interactive-Features/Tooltip.md
index 5b0884586d..2b9c8d81a5 100644
--- a/wpf/Charts/Interactive-Features/Tooltip.md
+++ b/wpf/Charts/Interactive-Features/Tooltip.md
@@ -1,7 +1,7 @@
---
layout: post
title: Tooltip in WPF Charts control | Syncfusion
-description: Learn here all about Tooltip support in Syncfusion WPF Charts (SfChart) control, its elements and more details.
+description: Learn here all about Tooltip support in Syncfusion® WPF Charts (SfChart) control, its elements and more details.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Charts/Interactive-Features/Trackball.md b/wpf/Charts/Interactive-Features/Trackball.md
index 3cb2fd5060..19295ce384 100644
--- a/wpf/Charts/Interactive-Features/Trackball.md
+++ b/wpf/Charts/Interactive-Features/Trackball.md
@@ -1,7 +1,7 @@
---
layout: post
title: Trackball in WPF Charts control | Syncfusion
-description: Learn here all about Trackball support in Syncfusion WPF Charts (SfChart) control, its elements and more details.
+description: Learn here all about Trackball support in Syncfusion® WPF Charts (SfChart) control, its elements and more details.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Charts/Interactive-Features/Visual-Data-Editing.md b/wpf/Charts/Interactive-Features/Visual-Data-Editing.md
index 7cec30d968..117527df62 100644
--- a/wpf/Charts/Interactive-Features/Visual-Data-Editing.md
+++ b/wpf/Charts/Interactive-Features/Visual-Data-Editing.md
@@ -1,7 +1,7 @@
---
layout: post
title: Visual Data Editing in WPF Charts control | Syncfusion
-description: Learn here all about Visual Data Editing support in Syncfusion WPF Charts (SfChart) control and more.
+description: Learn here all about Visual Data Editing support in Syncfusion® WPF Charts (SfChart) control and more.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Charts/Interactive-Features/zoompan.md b/wpf/Charts/Interactive-Features/zoompan.md
index 622759f78c..f0331ca68a 100644
--- a/wpf/Charts/Interactive-Features/zoompan.md
+++ b/wpf/Charts/Interactive-Features/zoompan.md
@@ -1,7 +1,7 @@
---
layout: post
title: Zooming and Panning in WPF Charts control | Syncfusion
-description: Learn here all about Zooming and Panning support in Syncfusion WPF Charts (SfChart) control and more.
+description: Learn here all about Zooming and Panning support in Syncfusion® WPF Charts (SfChart) control and more.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Charts/Legend.md b/wpf/Charts/Legend.md
index d67167ba52..a92ffc92cd 100644
--- a/wpf/Charts/Legend.md
+++ b/wpf/Charts/Legend.md
@@ -1,7 +1,7 @@
---
layout: post
title: Legend in WPF Charts control | Syncfusion
-description: Learn here all about Legend support in Syncfusion WPF Charts (SfChart) control, its elements and more details.
+description: Learn here all about Legend support in Syncfusion® WPF Charts (SfChart) control, its elements and more details.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Charts/Migrating-from-Chart-to-SfChart.md b/wpf/Charts/Migrating-from-Chart-to-SfChart.md
index bd364629d8..c286d76570 100644
--- a/wpf/Charts/Migrating-from-Chart-to-SfChart.md
+++ b/wpf/Charts/Migrating-from-Chart-to-SfChart.md
@@ -1,7 +1,7 @@
---
layout: post
title: Migrating from Chart to SfChart in WPF Charts control | Syncfusion
-description: Learn here all about Migrating from Chart to SfChart support in Syncfusion WPF Charts (SfChart) control and more.
+description: Learn here all about Migrating from Chart to SfChart support in Syncfusion® WPF Charts (SfChart) control and more.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Charts/Overview.md b/wpf/Charts/Overview.md
index fdaef337dd..2f3bd4cf10 100644
--- a/wpf/Charts/Overview.md
+++ b/wpf/Charts/Overview.md
@@ -1,7 +1,7 @@
---
layout: post
title: About WPF Charts control | Syncfusion
-description: Learn here all about introduction of Syncfusion WPF Charts (SfChart) control, its elements and more details.
+description: Learn here all about introduction of Syncfusion® WPF Charts (SfChart) control, its elements and more details.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Charts/Performance.md b/wpf/Charts/Performance.md
index 14c8e49f07..18cfccade1 100644
--- a/wpf/Charts/Performance.md
+++ b/wpf/Charts/Performance.md
@@ -1,7 +1,7 @@
---
layout: post
title: Performance in WPF Charts control | Syncfusion
-description: Learn here all about Performance support in Syncfusion WPF Charts (SfChart) control, its elements and more details.
+description: Learn here all about Performance support in Syncfusion® WPF Charts (SfChart) control, its elements and more details.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Charts/Printing.md b/wpf/Charts/Printing.md
index 0917cadfd9..71ea955dbf 100644
--- a/wpf/Charts/Printing.md
+++ b/wpf/Charts/Printing.md
@@ -1,7 +1,7 @@
---
layout: post
title: Printing in WPF Charts control | Syncfusion
-description: Learn here all about Printing support in Syncfusion WPF Charts (SfChart) control, its elements and more details.
+description: Learn here all about Printing support in Syncfusion® WPF Charts (SfChart) control, its elements and more details.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Charts/ScaleBreaks.md b/wpf/Charts/ScaleBreaks.md
index f4a37e0207..ad645483fa 100644
--- a/wpf/Charts/ScaleBreaks.md
+++ b/wpf/Charts/ScaleBreaks.md
@@ -1,7 +1,7 @@
---
layout: post
title: Scale Breaks in WPF Charts control | Syncfusion
-description: Learn here all about Scale Breaks support in Syncfusion WPF Charts (SfChart) control, its elements and more details.
+description: Learn here all about Scale Breaks support in Syncfusion® WPF Charts (SfChart) control, its elements and more details.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Charts/Serialization.md b/wpf/Charts/Serialization.md
index 1cfa8043b7..ac0a625901 100644
--- a/wpf/Charts/Serialization.md
+++ b/wpf/Charts/Serialization.md
@@ -1,7 +1,7 @@
---
layout: post
title: Serialization in WPF Charts control | Syncfusion
-description: Learn here all about Serialization support in Syncfusion WPF Charts (SfChart) control, its elements and more details.
+description: Learn here all about Serialization support in Syncfusion® WPF Charts (SfChart) control, its elements and more details.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Charts/SeriesTypes/Area.md b/wpf/Charts/SeriesTypes/Area.md
index 0d2e35a962..84406e1dac 100644
--- a/wpf/Charts/SeriesTypes/Area.md
+++ b/wpf/Charts/SeriesTypes/Area.md
@@ -1,7 +1,7 @@
---
layout: post
title: Area Chart in WPF Charts control | Syncfusion
-description: Learn here all about Area Chart support in Syncfusion WPF Charts (SfChart) control, its elements and more details.
+description: Learn here all about Area Chart support in Syncfusion® WPF Charts (SfChart) control, its elements and more details.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Charts/SeriesTypes/BubbleandScatter.md b/wpf/Charts/SeriesTypes/BubbleandScatter.md
index 69d7421ed7..51576a2dbf 100644
--- a/wpf/Charts/SeriesTypes/BubbleandScatter.md
+++ b/wpf/Charts/SeriesTypes/BubbleandScatter.md
@@ -1,7 +1,7 @@
---
layout: post
title: Bubble and Scatter Chart in WPF Charts control | Syncfusion
-description: Learn here all about Bubble and Scatter Chart support in Syncfusion WPF Charts (SfChart) control and more.
+description: Learn here all about Bubble and Scatter Chart support in Syncfusion® WPF Charts (SfChart) control and more.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Charts/SeriesTypes/ColumnandBar.md b/wpf/Charts/SeriesTypes/ColumnandBar.md
index 0caf766d61..909061fc29 100644
--- a/wpf/Charts/SeriesTypes/ColumnandBar.md
+++ b/wpf/Charts/SeriesTypes/ColumnandBar.md
@@ -1,7 +1,7 @@
---
layout: post
title: Column and Bar Chart in WPF Charts control | Syncfusion
-description: Learn here all about Column and Bar Chart support in Syncfusion WPF Charts (SfChart) control and more.
+description: Learn here all about Column and Bar Chart support in Syncfusion® WPF Charts (SfChart) control and more.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Charts/SeriesTypes/Custom.md b/wpf/Charts/SeriesTypes/Custom.md
index 36842af0f9..4a6dccc974 100644
--- a/wpf/Charts/SeriesTypes/Custom.md
+++ b/wpf/Charts/SeriesTypes/Custom.md
@@ -1,7 +1,7 @@
---
layout: post
title: Custom Chart in WPF Charts control | Syncfusion
-description: Learn here all about Custom Chart support in Syncfusion WPF Charts (SfChart) control, its elements and more details.
+description: Learn here all about Custom Chart support in Syncfusion® WPF Charts (SfChart) control, its elements and more details.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Charts/SeriesTypes/Distribution.md b/wpf/Charts/SeriesTypes/Distribution.md
index 5fcc034401..46bbd8afb4 100644
--- a/wpf/Charts/SeriesTypes/Distribution.md
+++ b/wpf/Charts/SeriesTypes/Distribution.md
@@ -1,7 +1,7 @@
---
layout: post
title: Histogram Chart in WPF Charts control | Syncfusion
-description: Learn here all about Histogram Chart support in Syncfusion WPF Charts (SfChart) control, its elements and more details.
+description: Learn here all about Histogram Chart support in Syncfusion® WPF Charts (SfChart) control, its elements and more details.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Charts/SeriesTypes/EmptyPoints.md b/wpf/Charts/SeriesTypes/EmptyPoints.md
index b514b2768f..7522186ba8 100644
--- a/wpf/Charts/SeriesTypes/EmptyPoints.md
+++ b/wpf/Charts/SeriesTypes/EmptyPoints.md
@@ -1,7 +1,7 @@
---
layout: post
title: Empty Points in WPF Charts control | Syncfusion
-description: Learn here all about Empty Points support in Syncfusion WPF Charts (SfChart) control, its elements and more details.
+description: Learn here all about Empty Points support in Syncfusion® WPF Charts (SfChart) control, its elements and more details.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Charts/SeriesTypes/ErrorBars.md b/wpf/Charts/SeriesTypes/ErrorBars.md
index 590d3b7c50..9e2a6ae8e5 100644
--- a/wpf/Charts/SeriesTypes/ErrorBars.md
+++ b/wpf/Charts/SeriesTypes/ErrorBars.md
@@ -1,7 +1,7 @@
---
layout: post
title: ErrorBar Chart in WPF Charts control | Syncfusion
-description: Learn here all about ErrorBar Chart support in Syncfusion WPF Charts (SfChart) control, its elements and more details.
+description: Learn here all about ErrorBar Chart support in Syncfusion® WPF Charts (SfChart) control, its elements and more details.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Charts/SeriesTypes/Financial.md b/wpf/Charts/SeriesTypes/Financial.md
index 8c92845af1..a40f33f368 100644
--- a/wpf/Charts/SeriesTypes/Financial.md
+++ b/wpf/Charts/SeriesTypes/Financial.md
@@ -1,7 +1,7 @@
---
layout: post
title: Financial Chart in WPF Charts control | Syncfusion
-description: Learn here all about Financial Chart support in Syncfusion WPF Charts (SfChart) control, its elements and more details.
+description: Learn here all about Financial Chart support in Syncfusion® WPF Charts (SfChart) control, its elements and more details.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Charts/SeriesTypes/Funnelandpyramid.md b/wpf/Charts/SeriesTypes/Funnelandpyramid.md
index 8cb96f1075..94711b4ab3 100644
--- a/wpf/Charts/SeriesTypes/Funnelandpyramid.md
+++ b/wpf/Charts/SeriesTypes/Funnelandpyramid.md
@@ -1,7 +1,7 @@
---
layout: post
title: Funnel and Pyramid Chart in WPF Charts control | Syncfusion
-description: Learn here all about Funnel and Pyramid Chart support in Syncfusion WPF Charts (SfChart) control and more.
+description: Learn here all about Funnel and Pyramid Chart support in Syncfusion® WPF Charts (SfChart) control and more.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Charts/SeriesTypes/GroupingStacked.md b/wpf/Charts/SeriesTypes/GroupingStacked.md
index 4b6fa5ebfd..fe92697533 100644
--- a/wpf/Charts/SeriesTypes/GroupingStacked.md
+++ b/wpf/Charts/SeriesTypes/GroupingStacked.md
@@ -1,7 +1,7 @@
---
layout: post
title: Grouping Stacked Chart in WPF Charts control | Syncfusion
-description: Learn here all about Grouping Stacked Chart support in Syncfusion WPF Charts (SfChart) control and more.
+description: Learn here all about Grouping Stacked Chart support in Syncfusion® WPF Charts (SfChart) control and more.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Charts/SeriesTypes/LineandStepLine.md b/wpf/Charts/SeriesTypes/LineandStepLine.md
index 19124bf8c8..755b625fa2 100644
--- a/wpf/Charts/SeriesTypes/LineandStepLine.md
+++ b/wpf/Charts/SeriesTypes/LineandStepLine.md
@@ -1,7 +1,7 @@
---
layout: post
title: Line and StepLine Chart in WPF Charts control | Syncfusion
-description: Learn here all about Line and StepLine Chart support in Syncfusion WPF Charts (SfChart) control and more.
+description: Learn here all about Line and StepLine Chart support in Syncfusion® WPF Charts (SfChart) control and more.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Charts/SeriesTypes/Other.md b/wpf/Charts/SeriesTypes/Other.md
index ab9ac0a470..d6e3b23196 100644
--- a/wpf/Charts/SeriesTypes/Other.md
+++ b/wpf/Charts/SeriesTypes/Other.md
@@ -1,7 +1,7 @@
---
layout: post
title: Other Chart Types in WPF Charts control | Syncfusion
-description: Learn here all about Other Chart Types support in Syncfusion WPF Charts (SfChart) control, its elements and more details.
+description: Learn here all about Other Chart Types support in Syncfusion® WPF Charts (SfChart) control, its elements and more details.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Charts/SeriesTypes/PieandDoughnut.md b/wpf/Charts/SeriesTypes/PieandDoughnut.md
index 0c2c4448e1..cddc4b11a8 100644
--- a/wpf/Charts/SeriesTypes/PieandDoughnut.md
+++ b/wpf/Charts/SeriesTypes/PieandDoughnut.md
@@ -1,7 +1,7 @@
---
layout: post
title: Pie and Doughnut Chart in WPF Charts control | Syncfusion
-description: Learn here all about Pie and Doughnut Chart support in Syncfusion WPF Charts (SfChart) control and more.
+description: Learn here all about Pie and Doughnut Chart support in Syncfusion® WPF Charts (SfChart) control and more.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Charts/SeriesTypes/Placesidebyside.md b/wpf/Charts/SeriesTypes/Placesidebyside.md
index abf955d755..eaeae179af 100644
--- a/wpf/Charts/SeriesTypes/Placesidebyside.md
+++ b/wpf/Charts/SeriesTypes/Placesidebyside.md
@@ -1,7 +1,7 @@
---
layout: post
title: Side By Side Placement in WPF Charts control | Syncfusion
-description: Learn here all about Side By Side Placement support in Syncfusion WPF Charts (SfChart) control and more.
+description: Learn here all about Side By Side Placement support in Syncfusion® WPF Charts (SfChart) control and more.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Charts/SeriesTypes/RadarandPolar.md b/wpf/Charts/SeriesTypes/RadarandPolar.md
index 170fca11cc..63e6f1c06e 100644
--- a/wpf/Charts/SeriesTypes/RadarandPolar.md
+++ b/wpf/Charts/SeriesTypes/RadarandPolar.md
@@ -1,7 +1,7 @@
---
layout: post
title: Radar and Polar Chart in WPF Charts control | Syncfusion
-description: Learn here all about Radar and Polar Chart support in Syncfusion WPF Charts (SfChart) control and more.
+description: Learn here all about Radar and Polar Chart support in Syncfusion® WPF Charts (SfChart) control and more.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Charts/SeriesTypes/Range.md b/wpf/Charts/SeriesTypes/Range.md
index 6a5dab38a2..7d0b588425 100644
--- a/wpf/Charts/SeriesTypes/Range.md
+++ b/wpf/Charts/SeriesTypes/Range.md
@@ -1,7 +1,7 @@
---
layout: post
title: Range Chart in WPF Charts control | Syncfusion
-description: Learn here all about Range Chart support in Syncfusion WPF Charts (SfChart) control, its elements and more details.
+description: Learn here all about Range Chart support in Syncfusion® WPF Charts (SfChart) control, its elements and more details.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Charts/SeriesTypes/Series.md b/wpf/Charts/SeriesTypes/Series.md
index ea5dcf0047..54a3accb31 100644
--- a/wpf/Charts/SeriesTypes/Series.md
+++ b/wpf/Charts/SeriesTypes/Series.md
@@ -1,7 +1,7 @@
---
layout: post
title: Series in WPF Charts control | Syncfusion
-description: Learn here all about Series support in Syncfusion WPF Charts (SfChart) control, its elements and more details.
+description: Learn here all about Series support in Syncfusion® WPF Charts (SfChart) control, its elements and more details.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Charts/SeriesTypes/Spline.md b/wpf/Charts/SeriesTypes/Spline.md
index a11c6bb349..79133e65e1 100644
--- a/wpf/Charts/SeriesTypes/Spline.md
+++ b/wpf/Charts/SeriesTypes/Spline.md
@@ -1,7 +1,7 @@
---
layout: post
title: Spline Chart in WPF Charts control | Syncfusion
-description: Learn here all about Spline Chart support in Syncfusion WPF Charts (SfChart) control, its elements and more details.
+description: Learn here all about Spline Chart support in Syncfusion® WPF Charts (SfChart) control, its elements and more details.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Charts/SeriesTypes/Stacking.md b/wpf/Charts/SeriesTypes/Stacking.md
index 3172fdef44..bfca5f1977 100644
--- a/wpf/Charts/SeriesTypes/Stacking.md
+++ b/wpf/Charts/SeriesTypes/Stacking.md
@@ -1,7 +1,7 @@
---
layout: post
title: Stacked Chart in WPF Charts control | Syncfusion
-description: Learn here all about Stacked Chart support in Syncfusion WPF Charts (SfChart) control, its elements and more details.
+description: Learn here all about Stacked Chart support in Syncfusion® WPF Charts (SfChart) control, its elements and more details.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Charts/Sorting.md b/wpf/Charts/Sorting.md
index 9edf4395e0..37d195fe7b 100644
--- a/wpf/Charts/Sorting.md
+++ b/wpf/Charts/Sorting.md
@@ -1,7 +1,7 @@
---
layout: post
title: Sorting in WPF Charts control | Syncfusion
-description: Learn here all about Sorting support in Syncfusion WPF Charts (SfChart) control, its elements and more details.
+description: Learn here all about Sorting support in Syncfusion® WPF Charts (SfChart) control, its elements and more details.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Charts/Striplines.md b/wpf/Charts/Striplines.md
index 4c6104b921..121e2b7000 100644
--- a/wpf/Charts/Striplines.md
+++ b/wpf/Charts/Striplines.md
@@ -1,7 +1,7 @@
---
layout: post
title: Striplines in WPF Charts control | Syncfusion
-description: Learn here all about Striplines support in Syncfusion WPF Charts (SfChart) control, its elements and more details.
+description: Learn here all about Striplines support in Syncfusion® WPF Charts (SfChart) control, its elements and more details.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Charts/Technical-Indicators.md b/wpf/Charts/Technical-Indicators.md
index 71bccdc094..979f687972 100644
--- a/wpf/Charts/Technical-Indicators.md
+++ b/wpf/Charts/Technical-Indicators.md
@@ -1,7 +1,7 @@
---
layout: post
title: Technical Indicators in WPF Charts control | Syncfusion
-description: Learn here all about Technical Indicators support in Syncfusion WPF Charts (SfChart) control and more.
+description: Learn here all about Technical Indicators support in Syncfusion® WPF Charts (SfChart) control and more.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Charts/Trendlines.md b/wpf/Charts/Trendlines.md
index 0feb39d8a2..fc6a7fb677 100644
--- a/wpf/Charts/Trendlines.md
+++ b/wpf/Charts/Trendlines.md
@@ -1,7 +1,7 @@
---
layout: post
title: Trendlines in WPF Charts control | Syncfusion
-description: Learn here all about Trendlines support in Syncfusion WPF Charts (SfChart) control, its elements and more details.
+description: Learn here all about Trendlines support in Syncfusion® WPF Charts (SfChart) control, its elements and more details.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Charts/Vertical-Charts.md b/wpf/Charts/Vertical-Charts.md
index 7c051811ed..845b4857f1 100644
--- a/wpf/Charts/Vertical-Charts.md
+++ b/wpf/Charts/Vertical-Charts.md
@@ -1,7 +1,7 @@
---
layout: post
title: Vertical Charts in WPF Charts control | Syncfusion
-description: Learn here all about Vertical Charts support in Syncfusion WPF Charts (SfChart) control, its elements and more details.
+description: Learn here all about Vertical Charts support in Syncfusion® WPF Charts (SfChart) control, its elements and more details.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Charts/Watermark.md b/wpf/Charts/Watermark.md
index 9355c53402..5ef2d67d8a 100644
--- a/wpf/Charts/Watermark.md
+++ b/wpf/Charts/Watermark.md
@@ -1,7 +1,7 @@
---
layout: post
title: Watermark in WPF Charts control | Syncfusion
-description: Learn here all about Watermark support in Syncfusion WPF Charts (SfChart) control, its elements and more details.
+description: Learn here all about Watermark support in Syncfusion® WPF Charts (SfChart) control, its elements and more details.
platform: wpf
control: SfChart
documentation: ug
diff --git a/wpf/Circular-ProgressBar/Appearance.md b/wpf/Circular-ProgressBar/Appearance.md
index 6de58beeae..840cc511e5 100644
--- a/wpf/Circular-ProgressBar/Appearance.md
+++ b/wpf/Circular-ProgressBar/Appearance.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Appearance in WPF circular progressbar control | Syncfusion
-description: Learn here all about Appearance support in Syncfusion WPF circular progressbar (SfCircularProgressBar) control and more.
+title: Appearance in WPF circular progressbar control | Syncfusion®
+description: Learn here all about Appearance support in Syncfusion® WPF circular progressbar (SfCircularProgressBar) control and more.
platform: wpf
control: SfCircularProgressBar
documentation: ug
diff --git a/wpf/Circular-ProgressBar/Custom-Content.md b/wpf/Circular-ProgressBar/Custom-Content.md
index 33a057fb72..cb12ee596a 100644
--- a/wpf/Circular-ProgressBar/Custom-Content.md
+++ b/wpf/Circular-ProgressBar/Custom-Content.md
@@ -1,8 +1,8 @@
---
layout: post
-title: Custom Content in WPF circular progressbar control | Syncfusion
-description: Learn here all about Custom Content support in Syncfusion WPF circular progressbar (SfCircularProgressBar) control and more.
-platform: WPF
+title: Custom Content in WPF circular progressbar control | Syncfusion®
+description: Learn here all about Custom Content support in Syncfusion® WPF circular progressbar (SfCircularProgressBar) control and more.
+platform: wpf
control: SfCircularProgressBar
documentation: ug
---
diff --git a/wpf/Circular-ProgressBar/Getting-Started.md b/wpf/Circular-ProgressBar/Getting-Started.md
index 0c894e6787..520f6aa3bd 100644
--- a/wpf/Circular-ProgressBar/Getting-Started.md
+++ b/wpf/Circular-ProgressBar/Getting-Started.md
@@ -1,8 +1,8 @@
---
layout: post
-title: Getting Started with WPF Circular ProgressBar control | Syncfusion
-description: Learn here about getting started with Syncfusion WPF Circular ProgressBar (SfCircularProgressBar) control, its elements and more details.
-platform: WPF
+title: Getting Started with WPF Circular ProgressBar | Syncfusion®
+description: Learn here about getting started with Syncfusion® WPF Circular ProgressBar (SfCircularProgressBar) control, its elements and more details.
+platform: wpf
control: SfCircularProgressBar
documentation: ug
---
@@ -31,7 +31,7 @@ To add control manually in XAML, follow the given steps:
1. Add the following required assembly references to the project:
* Syncfusion.SfProgressBar.WPF
-2. Import Syncfusion WPF schema **http://schemas.syncfusion.com/wpf** the in XAML page.
+2. Import Syncfusion® WPF schema **http://schemas.syncfusion.com/wpf** the in XAML page.
3. Declare the SfCircularProgressBar control in the XAML page.
{% capture codesnippet1 %}
diff --git a/wpf/Circular-ProgressBar/Overview.md b/wpf/Circular-ProgressBar/Overview.md
index fc9b40fdf7..0881fd8ee1 100644
--- a/wpf/Circular-ProgressBar/Overview.md
+++ b/wpf/Circular-ProgressBar/Overview.md
@@ -1,8 +1,8 @@
---
layout: post
-title: About WPF Circular ProgressBar control | Syncfusion
-description: Learn here all about introduction of Syncfusion WPF Circular ProgressBar (SfCircularProgressBar) control, its elements and more details.
-platform: WPF
+title: About WPF Circular ProgressBar control | Syncfusion®
+description: Learn here all about introduction of Syncfusion® WPF Circular ProgressBar (SfCircularProgressBar) control, its elements and more details.
+platform: wpf
control: SfCircularProgressBar
documentation: ug
---
diff --git a/wpf/Circular-ProgressBar/Segment.md b/wpf/Circular-ProgressBar/Segment.md
index 72123cd25f..81ea876914 100644
--- a/wpf/Circular-ProgressBar/Segment.md
+++ b/wpf/Circular-ProgressBar/Segment.md
@@ -1,8 +1,8 @@
---
layout: post
-title: Segment in WPF circular progressbar control | Syncfusion
-description: Learn here all about Segment support in Syncfusion WPF circular progressbar (SfCircularProgressBar) control and more.
-platform: WPF
+title: Segment in WPF circular progressbar control | Syncfusion®
+description: Learn here all about Segment support in Syncfusion® WPF circular progressbar (SfCircularProgressBar) control and more.
+platform: wpf
control: SfCircularProgressBar
documentation: ug
---
diff --git a/wpf/Circular-ProgressBar/States.md b/wpf/Circular-ProgressBar/States.md
index c48315e044..2c650c456e 100644
--- a/wpf/Circular-ProgressBar/States.md
+++ b/wpf/Circular-ProgressBar/States.md
@@ -1,8 +1,8 @@
---
layout: post
-title: States in WPF circular progressbar control | Syncfusion
-description: Learn here all about States support in Syncfusion WPF circular progressbar (SfCircularProgressBar) control and more.
-platform: WPF
+title: States in WPF circular progressbar control | Syncfusion®
+description: Learn here all about States support in Syncfusion® WPF circular progressbar (SfCircularProgressBar) control and more.
+platform: wpf
control: SfCircularProgressBar
documentation: ug
---
diff --git a/wpf/Diagram/Annotation/DefineAnnotation.md b/wpf/Diagram/Annotation/DefineAnnotation.md
index 81ed054ce4..8dfda8bc97 100644
--- a/wpf/Diagram/Annotation/DefineAnnotation.md
+++ b/wpf/Diagram/Annotation/DefineAnnotation.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Annotation in WPF Diagram control | Syncfusion
-description: Learn here all about Annotation support in Syncfusion WPF Diagram (SfDiagram) control, its elements and more.
+title: Annotation in WPF Diagram control | Syncfusion®
+description: Learn here all about Annotation support in Syncfusion® WPF Diagram (SfDiagram) control, its elements and more.
platform: wpf
control: SfDiagram
documentation: ug
@@ -105,7 +105,7 @@ ConnectorViewModel connector = new ConnectorViewModel()
{% endhighlight %}
{% endtabs %}
-![Create Annotation](Annotation_images/Create_Annotation.jpg)
+![Create Annotation](Annotation_images/wpf-diagram-annotation.jpg)
## Multiple Annotations
@@ -146,7 +146,7 @@ Annotations = new ObservableCollection()
{% endhighlight %}
{% endtabs %}
-![Multiple Annotations](Annotation_images/annotation_img21.png) ![Multiple Annotations](Annotation_images/MultipleAnnotationConnector.png)
+![Multiple Annotations](Annotation_images/wpf-diagram-multiple-annotations.PNG) ![Multiple Annotations](Annotation_images/wpf-diagram-multiple-annotation-connector.png)
[View sample in GitHub](https://github.com/SyncfusionExamples/WPF-Diagram-Examples/tree/master/Samples/Annotations/MultipleAnnotation).
diff --git a/wpf/Diagram/Annotation/Events.md b/wpf/Diagram/Annotation/Events.md
index e05bd7db70..84b782f45a 100644
--- a/wpf/Diagram/Annotation/Events.md
+++ b/wpf/Diagram/Annotation/Events.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Events in WPF Diagram control | Syncfusion
-description: Learn here all about Events support in Syncfusion WPF Diagram (SfDiagram) control, its elements and more.
+title: Events in WPF Diagram control | Syncfusion®
+description: Learn here all about Events support in Syncfusion® WPF Diagram (SfDiagram) control, its elements and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Annotation/Interaction/Dragging.md b/wpf/Diagram/Annotation/Interaction/Dragging.md
index 913eed62ab..512a7ae1b2 100644
--- a/wpf/Diagram/Annotation/Interaction/Dragging.md
+++ b/wpf/Diagram/Annotation/Interaction/Dragging.md
@@ -1,6 +1,6 @@
---
layout: post
-title: Annotation Dragging | Syncfusion
+title: Annotation Dragging | Syncfusion®
description: how to drag the annotations of nodes and Connectors and how to customize the dragging behaviour of annotations.
platform: wpf
control: SfDiagram
diff --git a/wpf/Diagram/Annotation/Interaction/Rotating.md b/wpf/Diagram/Annotation/Interaction/Rotating.md
index 28dc073fe0..2951482c40 100644
--- a/wpf/Diagram/Annotation/Interaction/Rotating.md
+++ b/wpf/Diagram/Annotation/Interaction/Rotating.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Annotation Rotation | Syncfusion
-description: how to rotate the annotations in Syncfusion Essential Studio WPF Diagram (SfDiagram) control, its elements, and more.
+title: Annotation Rotation | Syncfusion®
+description: how to rotate the annotations in Syncfusion® Essential Studio® WPF Diagram (SfDiagram) control, its elements, and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Annotation/Interaction/SelectionAndResizing.md b/wpf/Diagram/Annotation/Interaction/SelectionAndResizing.md
index d1c385c9d4..c9b2cefbe1 100644
--- a/wpf/Diagram/Annotation/Interaction/SelectionAndResizing.md
+++ b/wpf/Diagram/Annotation/Interaction/SelectionAndResizing.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Annotation Selection and Resizing | Syncfusion
-description: how to define basic annotations for Node and Connectors in Syncfusion WPF Diagram (SfDiagram) control, its elements, and more.
+title: Annotation Selection and Resizing | Syncfusion®
+description: how to define basic annotations for Node and Connectors in Syncfusion® WPF Diagram (SfDiagram) control, its elements, and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Annotation/PositioningAndAppearance.md b/wpf/Diagram/Annotation/PositioningAndAppearance.md
index 29b81d950b..07e6e6e2d6 100644
--- a/wpf/Diagram/Annotation/PositioningAndAppearance.md
+++ b/wpf/Diagram/Annotation/PositioningAndAppearance.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Positioning and Appearance in WPF Diagram control | Syncfusion
-description: Learn here all about Positioning and Appearance support in Syncfusion WPF Diagram (SfDiagram) control and more.
+title: Positioning and Appearance in WPF Diagram control | Syncfusion®
+description: Learn here all about Positioning and Appearance support in Syncfusion® WPF Diagram (SfDiagram) control and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Automatic-Layouts/Automatic-Layouts.md b/wpf/Diagram/Automatic-Layouts/Automatic-Layouts.md
index 37a694275c..c9962c8a1a 100644
--- a/wpf/Diagram/Automatic-Layouts/Automatic-Layouts.md
+++ b/wpf/Diagram/Automatic-Layouts/Automatic-Layouts.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Automatic Layout in WPF Diagram control | Syncfusion
-description: Learn here all about Automatic Layout support in Syncfusion WPF Diagram (SfDiagram) control and more.
+title: Automatic Layout in WPF Diagram control | Syncfusion®
+description: Learn here all about Automatic Layout support in Syncfusion® WPF Diagram (SfDiagram) control and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Automatic-Layouts/FlowchartLayout.md b/wpf/Diagram/Automatic-Layouts/FlowchartLayout.md
index f7ad83f66b..52dcf9e199 100644
--- a/wpf/Diagram/Automatic-Layouts/FlowchartLayout.md
+++ b/wpf/Diagram/Automatic-Layouts/FlowchartLayout.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Flowchart layout in WPF Diagram control | Syncfusion
-description: Learn here all about Flowchart layout support in Syncfusion WPF Diagram (SfDiagram) control and more.
+title: Flowchart layout in WPF Diagram control | Syncfusion®
+description: Learn here all about Flowchart layout support in Syncfusion® WPF Diagram (SfDiagram) control and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Automatic-Layouts/HierarchicalTreeLayout.md b/wpf/Diagram/Automatic-Layouts/HierarchicalTreeLayout.md
index b750ceec6a..7e9134a630 100644
--- a/wpf/Diagram/Automatic-Layouts/HierarchicalTreeLayout.md
+++ b/wpf/Diagram/Automatic-Layouts/HierarchicalTreeLayout.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Hierarchical tree layout in WPF Diagram control | Syncfusion
-description: Learn here all about Hierarchical tree layout support in Syncfusion WPF Diagram (SfDiagram) control and more.
+title: Hierarchical tree layout in WPF Diagram control | Syncfusion®
+description: Learn here all about Hierarchical tree layout support in Syncfusion® WPF Diagram (SfDiagram) control and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Automatic-Layouts/MindMapTreeLayout.md b/wpf/Diagram/Automatic-Layouts/MindMapTreeLayout.md
index 6212987918..fba498ef61 100644
--- a/wpf/Diagram/Automatic-Layouts/MindMapTreeLayout.md
+++ b/wpf/Diagram/Automatic-Layouts/MindMapTreeLayout.md
@@ -1,7 +1,7 @@
---
layout: post
-title: MindMap tree layout in WPF Diagram control | Syncfusion
-description: Learn here all about MindMap tree layout support in Syncfusion WPF Diagram (SfDiagram) control and more.
+title: MindMap tree layout in WPF Diagram control | Syncfusion®
+description: Learn here all about MindMap tree layout support in Syncfusion® WPF Diagram (SfDiagram) control and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Automatic-Layouts/OrganizationLayout.md b/wpf/Diagram/Automatic-Layouts/OrganizationLayout.md
index 8b60a794ef..6cdb3ee48a 100644
--- a/wpf/Diagram/Automatic-Layouts/OrganizationLayout.md
+++ b/wpf/Diagram/Automatic-Layouts/OrganizationLayout.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Organization layout in WPF Diagram control | Syncfusion
-description: Learn here all about Organization layout support in Syncfusion WPF Diagram (SfDiagram) control and more.
+title: Organization layout in WPF Diagram control | Syncfusion®
+description: Learn here all about Organization layout support in Syncfusion® WPF Diagram (SfDiagram) control and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Automatic-Layouts/RadialTreeLayout.md b/wpf/Diagram/Automatic-Layouts/RadialTreeLayout.md
index 43e156a3e9..6b224d89b6 100644
--- a/wpf/Diagram/Automatic-Layouts/RadialTreeLayout.md
+++ b/wpf/Diagram/Automatic-Layouts/RadialTreeLayout.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Radial-Tree layout in WPF Diagram control | Syncfusion
-description: Learn here all about Radial-Tree layout support in Syncfusion WPF Diagram (SfDiagram) control and more.
+title: Radial-Tree layout in WPF Diagram control | Syncfusion®
+description: Learn here all about Radial-Tree layout support in Syncfusion® WPF Diagram (SfDiagram) control and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/BPMN-Shapes/BPMN-Activity.md b/wpf/Diagram/BPMN-Shapes/BPMN-Activity.md
index d0a5d76c8c..5ce673e81e 100644
--- a/wpf/Diagram/BPMN-Shapes/BPMN-Activity.md
+++ b/wpf/Diagram/BPMN-Shapes/BPMN-Activity.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Activity in WPF Diagram control | Syncfusion
-description: Learn here all about Activity support in Syncfusion WPF Diagram (SfDiagram) control, its elements and more.
+title: Activity in WPF Diagram control | Syncfusion®
+description: Learn here all about Activity support in Syncfusion® WPF Diagram (SfDiagram) control, its elements and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/BPMN-Shapes/BPMN-Connectors.md b/wpf/Diagram/BPMN-Shapes/BPMN-Connectors.md
index 18c203a6a2..7d7389adac 100644
--- a/wpf/Diagram/BPMN-Shapes/BPMN-Connectors.md
+++ b/wpf/Diagram/BPMN-Shapes/BPMN-Connectors.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Connectors in WPF Diagram control | Syncfusion
-description: Learn here all about Connectors support in Syncfusion WPF Diagram (SfDiagram) control, its elements and more.
+title: Connectors in WPF Diagram control | Syncfusion®
+description: Learn here all about Connectors support in Syncfusion® WPF Diagram (SfDiagram) control, its elements and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/BPMN-Shapes/BPMN-Data-Object.md b/wpf/Diagram/BPMN-Shapes/BPMN-Data-Object.md
index 89b4756af2..aa3561477a 100644
--- a/wpf/Diagram/BPMN-Shapes/BPMN-Data-Object.md
+++ b/wpf/Diagram/BPMN-Shapes/BPMN-Data-Object.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Data Object in WPF Diagram control | Syncfusion
-description: Learn here all about Data Object support in Syncfusion WPF Diagram (SfDiagram) control, its elements and more.
+title: Data Object in WPF Diagram control | Syncfusion®
+description: Learn here all about Data Object support in Syncfusion® WPF Diagram (SfDiagram) control, its elements and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/BPMN-Shapes/BPMN-Data-Store.md b/wpf/Diagram/BPMN-Shapes/BPMN-Data-Store.md
index 4720936ed8..3cec43eeb3 100644
--- a/wpf/Diagram/BPMN-Shapes/BPMN-Data-Store.md
+++ b/wpf/Diagram/BPMN-Shapes/BPMN-Data-Store.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Data Store in WPF Diagram control | Syncfusion
-description: Learn here all about Data Store support in Syncfusion WPF Diagram (SfDiagram) control, its elements and more.
+title: Data Store in WPF Diagram control | Syncfusion®
+description: Learn here all about Data Store support in Syncfusion® WPF Diagram (SfDiagram) control, its elements and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/BPMN-Shapes/BPMN-Event.md b/wpf/Diagram/BPMN-Shapes/BPMN-Event.md
index 63f6b82029..ad400b407c 100644
--- a/wpf/Diagram/BPMN-Shapes/BPMN-Event.md
+++ b/wpf/Diagram/BPMN-Shapes/BPMN-Event.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Event in WPF Diagram control | Syncfusion
-description: Learn here all about Event support in Syncfusion WPF Diagram (SfDiagram) control, its elements and more.
+title: Event in WPF Diagram control | Syncfusion®
+description: Learn here all about Event support in Syncfusion® WPF Diagram (SfDiagram) control, its elements and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/BPMN-Shapes/BPMN-Expanded-Sub-Process.md b/wpf/Diagram/BPMN-Shapes/BPMN-Expanded-Sub-Process.md
index 313d6db97c..dab4c029bc 100644
--- a/wpf/Diagram/BPMN-Shapes/BPMN-Expanded-Sub-Process.md
+++ b/wpf/Diagram/BPMN-Shapes/BPMN-Expanded-Sub-Process.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Expanded SubProcess in WPF Diagram control | Syncfusion
-description: Learn here all about Expanded SubProcess support in Syncfusion WPF Diagram (SfDiagram) control and more.
+title: Expanded SubProcess in WPF Diagram control | Syncfusion®
+description: Learn here all about Expanded SubProcess support in Syncfusion® WPF Diagram (SfDiagram) control and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/BPMN-Shapes/BPMN-Gateway.md b/wpf/Diagram/BPMN-Shapes/BPMN-Gateway.md
index f6dd9a9e4a..af33450942 100644
--- a/wpf/Diagram/BPMN-Shapes/BPMN-Gateway.md
+++ b/wpf/Diagram/BPMN-Shapes/BPMN-Gateway.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Gateway in WPF Diagram control | Syncfusion
-description: Learn here all about Gateway support in Syncfusion WPF Diagram (SfDiagram) control, its elements and more.
+title: Gateway in WPF Diagram control | Syncfusion®
+description: Learn here all about Gateway support in Syncfusion® WPF Diagram (SfDiagram) control, its elements and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/BPMN-Shapes/BPMN-Group.md b/wpf/Diagram/BPMN-Shapes/BPMN-Group.md
index 0812f235e9..a23cceb519 100644
--- a/wpf/Diagram/BPMN-Shapes/BPMN-Group.md
+++ b/wpf/Diagram/BPMN-Shapes/BPMN-Group.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Group in WPF Diagram control | Syncfusion
-description: Learn here all about Group support in Syncfusion WPF Diagram (SfDiagram) control, its elements and more.
+title: Group in WPF Diagram control | Syncfusion®
+description: Learn here all about Group support in Syncfusion® WPF Diagram (SfDiagram) control, its elements and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/BPMN-Shapes/BPMN-Shapes-Palette.md b/wpf/Diagram/BPMN-Shapes/BPMN-Shapes-Palette.md
index 189c35bad8..b87d7a5f70 100644
--- a/wpf/Diagram/BPMN-Shapes/BPMN-Shapes-Palette.md
+++ b/wpf/Diagram/BPMN-Shapes/BPMN-Shapes-Palette.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Shapes Palette in WPF Diagram control | Syncfusion
-description: Learn here all about Shapes Palette support in Syncfusion WPF Diagram (SfDiagram) control, its elements and more.
+title: Shapes Palette in WPF Diagram control | Syncfusion®
+description: Learn here all about Shapes Palette support in Syncfusion® WPF Diagram (SfDiagram) control, its elements and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/BPMN-Shapes/BPMN-Shapes.md b/wpf/Diagram/BPMN-Shapes/BPMN-Shapes.md
index e309fc41a7..9cfeaff5f6 100644
--- a/wpf/Diagram/BPMN-Shapes/BPMN-Shapes.md
+++ b/wpf/Diagram/BPMN-Shapes/BPMN-Shapes.md
@@ -1,7 +1,7 @@
---
layout: post
-title: BPMN Shapes in WPF Diagram control | Syncfusion
-description: Learn here all about BPMN Shapes support in Syncfusion WPF Diagram (SfDiagram) control, its elements and more.
+title: BPMN Shapes in WPF Diagram control | Syncfusion®
+description: Learn here all about BPMN Shapes support in Syncfusion® WPF Diagram (SfDiagram) control, its elements and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/BPMN-Shapes/BPMN-TextAnnotation.md b/wpf/Diagram/BPMN-Shapes/BPMN-TextAnnotation.md
index 6dc2bbbff7..de6dbeb673 100644
--- a/wpf/Diagram/BPMN-Shapes/BPMN-TextAnnotation.md
+++ b/wpf/Diagram/BPMN-Shapes/BPMN-TextAnnotation.md
@@ -1,7 +1,7 @@
---
layout: post
-title: TextAnnotation in WPF Diagram control | Syncfusion
-description: Learn here all about TextAnnotation support in Syncfusion WPF Diagram (SfDiagram) control, its elements and more.
+title: TextAnnotation in WPF Diagram control | Syncfusion®
+description: Learn here all about TextAnnotation support in Syncfusion® WPF Diagram (SfDiagram) control, its elements and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Collision-State.md b/wpf/Diagram/Collision-State.md
deleted file mode 100644
index 9271863a68..0000000000
--- a/wpf/Diagram/Collision-State.md
+++ /dev/null
@@ -1,127 +0,0 @@
----
-layout: post
-title: Syncfusion Diagram provides support to find overlapping of objects.
-description: How to find overlapping of diagramming objects during runtime and changing their position when objects are getting overlap with each other?
-platform: wpf
-control: SfDiagram
-documentation: ug
----
-
-# Collision State in WPF Diagram (SfDiagram)
-
-SfDiagram provide supports to arrange the nodes and connectors neatly by adjusting node's position. For example, on a diagram with full of nodes and connectors, you want to place a node without intersecting any other elements.
-
-Using [CollisionState](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.CollisionState.html) and `GetCollisionFreeLocation` method, you can able to find a possible position without intersecting others for any given node.
-
-{% tabs %}
-{% highlight C# %}
-
-// Invoking SelectorChanged Event
-(this.diagram.Info as IGraphInfo).SelectorChangedEvent += OnSelectorChangedEvent;
-
-// SelectorChanged event - custom code
-private void OnSelectorChangedEvent(object sender, SelectorChangedEventArgs args)
-{
- // Need to adjust selected node's position, if it in contact with any other elements on drag complete
- if (args.Item is SelectorViewModel && args.NewValue.InteractionState == NodeChangedInteractionState.Dragged)
- {
- var selectorViewModel = (SelectorViewModel)args.Item;
- if (selectorViewModel.Nodes is IEnumerable)
- {
- var selectedNodes = ((IEnumerable)selectorViewModel.Nodes).ToList();
- if (selectedNodes.Count == 1 && selectedNodes[0] is NodeViewModel)
- {
- var selectedNode = (NodeViewModel)selectedNodes[0];
- var collisionState = new CollisionState() { Item = selectedNode };
- ((IGraphInfo)this.diagram.Info).GetCollisionFreeLocation(collisionState);
-
- // Re-arranging node's position
- selectedNode.OffsetX = collisionState.Offset.X;
- selectedNode.OffsetY = collisionState.Offset.Y;
- }
- }
- }
-}
-
-{% endhighlight %}
-{% endtabs %}
-
-![QuickCommand](Interaction/Interaction_images/QuickCommand_img.png)
-
-In some cases, there may requirement for repositioning overlapping objects, rather than selected object. Using `GetOverlappingObjects` method, you can able to find all overlapping objects(such as Node/Connector/Annotation) for a given node.
-
-{% tabs %}
-{% highlight C# %}
-
-private void OnSelectorChangedEvent(object sender, SelectorChangedEventArgs args)
-{
- if (args.Item is SelectorViewModel && args.NewValue.InteractionState == NodeChangedInteractionState.Dragged)
- {
- var selectorViewModel = (SelectorViewModel)args.Item;
- if (selectorViewModel.Nodes is IEnumerable)
- {
- var selectedNodes = ((IEnumerable)selectorViewModel.Nodes).ToList();
- if (selectedNodes.Count == 1 && selectedNodes[0] is NodeViewModel)
- {
- var selectedNode = (NodeViewModel)selectedNodes[0];
- var collisionState = new CollisionState() { Item = selectedNode };
-
- // Finding overlapping nodes & connectors for the selected node.
- var intercepts = ((IGraphInfo)this.diagram.Info).GetOverlappingObjects(collisionState);
-
- foreach (var intercept in intercepts)
- {
- if (intercept is NodeViewModel)
- {
- var intersectingNode = (NodeViewModel)intercept;
- var collisionState1 = new CollisionState() { Item = intersectingNode };
- ((IGraphInfo)this.diagram.Info).GetCollisionFreeLocation(collisionState1);
-
- // Re-arranging node's position
- intersectingNode.OffsetX = collisionState1.Offset.X;
- intersectingNode.OffsetY = collisionState1.Offset.Y;
- }
- }
- }
- }
- }
-}
-
-{% endhighlight %}
-{% endtabs %}
-
-![QuickCommand](Interaction/Interaction_images/QuickCommand_img2.png)
-
-## Spacing
-
-The `Space` property of CollisionState allows you to change the spacing distance.
-
-{% tabs %}
-{% highlight C# %}
-
-var selectedNode = (NodeViewModel)selectedNodes[0];
-var collisionState = new CollisionState() { Item = selectedNode, Space = 5 };
-((IGraphInfo)this.diagram.Info).GetCollisionFreeLocation(collisionState);
-
-{% endhighlight %}
-{% endtabs %}
-
-## Ignore objects as an overlap
-
-By default, annotation's of other elements were also considered as an intercepts for any given node. This can be disabled with the help of `IncludeSubElements` property of CollisionState.
-
-{% tabs %}
-{% highlight C# %}
-
-var selectedNode = (NodeViewModel)selectedNodes[0];
-var collisionState = new CollisionState() { Item = selectedNode, IncludeSubElements = false };
-((IGraphInfo)this.diagram.Info).GetCollisionFreeLocation(collisionState);
-
-{% endhighlight %}
-{% endtabs %}
-
-In addition to this,`IgnoreList` property of CollisionState allows you to restrict specific elements as not an intercepts. For example, you can ignore aligning nodes if same shaped node were collided.
-
-![list to ignore for detecting overlapping](Interaction/Interaction_images/Delete.gif)
-
-[View sample in GitHub](https://github.com/SyncfusionExamples/WPF-Diagram-Examples/tree/master/Samples/Collision%20State)
\ No newline at end of file
diff --git a/wpf/Diagram/Commands/Alignment.md b/wpf/Diagram/Commands/Alignment.md
index 1b97732bdb..7c3daebd02 100644
--- a/wpf/Diagram/Commands/Alignment.md
+++ b/wpf/Diagram/Commands/Alignment.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Alignment Commands in WPF Diagram control | Syncfusion
-description: Learn here all about Alignment Commands support in Syncfusion WPF Diagram (SfDiagram) control and more.
+title: Alignment Commands in WPF Diagram control | Syncfusion®
+description: Learn here all about Alignment Commands support in Syncfusion® WPF Diagram (SfDiagram) control and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Commands/Clipboard.md b/wpf/Diagram/Commands/Clipboard.md
index 09bba3b932..4f01eaf089 100644
--- a/wpf/Diagram/Commands/Clipboard.md
+++ b/wpf/Diagram/Commands/Clipboard.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Clipboard Commands in WPF Diagram control | Syncfusion
-description: Learn here all about Clipboard Commands support in Syncfusion WPF Diagram (SfDiagram) control and more.
+title: Clipboard Commands in WPF Diagram control | Syncfusion®
+description: Learn here all about Clipboard Commands support in Syncfusion® WPF Diagram (SfDiagram) control and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Commands/Command-Manager.md b/wpf/Diagram/Commands/Command-Manager.md
index 8bb75dc94b..3a93555ae0 100644
--- a/wpf/Diagram/Commands/Command-Manager.md
+++ b/wpf/Diagram/Commands/Command-Manager.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Command Manager in WPF Diagram control | Syncfusion
-description: Learn here all about Command Manager support in Syncfusion WPF Diagram (SfDiagram) control and more.
+title: Command Manager in WPF Diagram control | Syncfusion®
+description: Learn here all about Command Manager support in Syncfusion® WPF Diagram (SfDiagram) control and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Commands/Delete.md b/wpf/Diagram/Commands/Delete.md
index 763608d6bd..c3edbf5aaf 100644
--- a/wpf/Diagram/Commands/Delete.md
+++ b/wpf/Diagram/Commands/Delete.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Delete Command in WPF Diagram control | Syncfusion
-description: Learn here all about Delte Command support in Syncfusion WPF Diagram (SfDiagram) control, its elements and more.
+title: Delete Command in WPF Diagram control | Syncfusion®
+description: Learn here all about Delte Command support in Syncfusion® WPF Diagram (SfDiagram) control, its elements and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Commands/EditandFormatText.md b/wpf/Diagram/Commands/EditandFormatText.md
index de80a8c1db..37b35fe6f7 100644
--- a/wpf/Diagram/Commands/EditandFormatText.md
+++ b/wpf/Diagram/Commands/EditandFormatText.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Edit and Format Text Commands in WPF Diagram control | Syncfusion
-description: Learn here all about Edit and Format Text Commands support in Syncfusion WPF Diagram (SfDiagram) control and more.
+title: Edit and Format Text Commands in WPF Diagram control | Syncfusion®
+description: Learn here all about Edit and Format Text Commands support in Syncfusion® WPF Diagram (SfDiagram) control and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Commands/ExpandCollapse.md b/wpf/Diagram/Commands/ExpandCollapse.md
index 8665be3a1e..4f53952fe1 100644
--- a/wpf/Diagram/Commands/ExpandCollapse.md
+++ b/wpf/Diagram/Commands/ExpandCollapse.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Expand Collapse Command in WPF Diagram control | Syncfusion
-description: Learn here all about Expand Collapse Command support in Syncfusion WPF Diagram (SfDiagram) control and more.
+title: Expand Collapse Command in WPF Diagram control | Syncfusion®
+description: Learn here all about Expand Collapse Command support in Syncfusion® WPF Diagram (SfDiagram) control and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Commands/FitToPage.md b/wpf/Diagram/Commands/FitToPage.md
index 3055cccc31..d5e4f3deb0 100644
--- a/wpf/Diagram/Commands/FitToPage.md
+++ b/wpf/Diagram/Commands/FitToPage.md
@@ -1,7 +1,7 @@
---
layout: post
-title: FitToPage Command in WPF Diagram control | Syncfusion
-description: Learn here all about FitToPage Command support in Syncfusion WPF Diagram (SfDiagram) control and more.
+title: FitToPage Command in WPF Diagram control | Syncfusion®
+description: Learn here all about FitToPage Command support in Syncfusion® WPF Diagram (SfDiagram) control and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Commands/Flip.md b/wpf/Diagram/Commands/Flip.md
index d35c874642..2dd5d3cf01 100644
--- a/wpf/Diagram/Commands/Flip.md
+++ b/wpf/Diagram/Commands/Flip.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Flip Command in WPF Diagram control | Syncfusion
-description: Learn here all about Flip Command support in Syncfusion WPF Diagram (SfDiagram) control, its elements and more.
+title: Flip Command in WPF Diagram control | Syncfusion®
+description: Learn here all about Flip Command support in Syncfusion® WPF Diagram (SfDiagram) control, its elements and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Commands/Grouping.md b/wpf/Diagram/Commands/Grouping.md
index 8a0eab3aa5..324b657749 100644
--- a/wpf/Diagram/Commands/Grouping.md
+++ b/wpf/Diagram/Commands/Grouping.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Grouping Commands in WPF Diagram control | Syncfusion
-description: Learn here all about Grouping Commands support in Syncfusion WPF Diagram (SfDiagram) control and more.
+title: Grouping Commands in WPF Diagram control | Syncfusion®
+description: Learn here all about Grouping Commands support in Syncfusion® WPF Diagram (SfDiagram) control and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Commands/Nudge.md b/wpf/Diagram/Commands/Nudge.md
index b7b21e9978..b8cd8badaf 100644
--- a/wpf/Diagram/Commands/Nudge.md
+++ b/wpf/Diagram/Commands/Nudge.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Nudge Commands in WPF Diagram control | Syncfusion
-description: Learn here all about Nudge Commands support in Syncfusion WPF Diagram (SfDiagram) control, its elements and more.
+title: Nudge Commands in WPF Diagram control | Syncfusion®
+description: Learn here all about Nudge Commands support in Syncfusion® WPF Diagram (SfDiagram) control, its elements and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Commands/Rotate.md b/wpf/Diagram/Commands/Rotate.md
index 19dccffa38..d11c8bdd06 100644
--- a/wpf/Diagram/Commands/Rotate.md
+++ b/wpf/Diagram/Commands/Rotate.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Rotate Command in WPF Diagram control | Syncfusion
-description: Learn here all about Rotate Command support in Syncfusion WPF Diagram (SfDiagram) control, its elements and more.
+title: Rotate Command in WPF Diagram control | Syncfusion®
+description: Learn here all about Rotate Command support in Syncfusion® WPF Diagram (SfDiagram) control, its elements and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Commands/SelectByType.md b/wpf/Diagram/Commands/SelectByType.md
index 7d34c8c312..fd0e4096a8 100644
--- a/wpf/Diagram/Commands/SelectByType.md
+++ b/wpf/Diagram/Commands/SelectByType.md
@@ -1,7 +1,7 @@
---
layout: post
-title: SelectByType Command in WPF Diagram control | Syncfusion
-description: Learn here all about SelectByType Command support in Syncfusion WPF Diagram (SfDiagram) control and more.
+title: SelectByType Command in WPF Diagram control | Syncfusion®
+description: Learn here all about SelectByType Command support in Syncfusion® WPF Diagram (SfDiagram) control and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Commands/SelectTool.md b/wpf/Diagram/Commands/SelectTool.md
index b4ff60ff76..7a57d70954 100644
--- a/wpf/Diagram/Commands/SelectTool.md
+++ b/wpf/Diagram/Commands/SelectTool.md
@@ -1,7 +1,7 @@
---
layout: post
-title: SelectTool Command in WPF Diagram control | Syncfusion
-description: Learn here all about SelectTool Command support in Syncfusion WPF Diagram (SfDiagram) control and more.
+title: SelectTool Command in WPF Diagram control | Syncfusion®
+description: Learn here all about SelectTool Command support in Syncfusion® WPF Diagram (SfDiagram) control and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Commands/SetShapeStyle.md b/wpf/Diagram/Commands/SetShapeStyle.md
index d05c6db73c..16c64242ec 100644
--- a/wpf/Diagram/Commands/SetShapeStyle.md
+++ b/wpf/Diagram/Commands/SetShapeStyle.md
@@ -1,7 +1,7 @@
---
layout: post
-title: SetShapeStyle Commands in WPF Diagram control | Syncfusion
-description: Learn here all about SetShapeStyle Commands support in Syncfusion WPF Diagram (SfDiagram) control and more.
+title: SetShapeStyle Commands in WPF Diagram control | Syncfusion®
+description: Learn here all about SetShapeStyle Commands support in Syncfusion® WPF Diagram (SfDiagram) control and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Commands/Sizing.md b/wpf/Diagram/Commands/Sizing.md
index ea62baf8a7..49ff6c8b60 100644
--- a/wpf/Diagram/Commands/Sizing.md
+++ b/wpf/Diagram/Commands/Sizing.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Sizing Commands in WPF Diagram control | Syncfusion
-description: Learn here all about Sizing Commands support in Syncfusion WPF Diagram (SfDiagram) control and more.
+title: Sizing Commands in WPF Diagram control | Syncfusion®
+description: Learn here all about Sizing Commands support in Syncfusion® WPF Diagram (SfDiagram) control and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Commands/Spacing.md b/wpf/Diagram/Commands/Spacing.md
index 87d1def77a..61c7274809 100644
--- a/wpf/Diagram/Commands/Spacing.md
+++ b/wpf/Diagram/Commands/Spacing.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Spacing Commands in WPF Diagram control | Syncfusion
-description: Learn here all about Spacing Commands support in Syncfusion WPF Diagram (SfDiagram) control and more.
+title: Spacing Commands in WPF Diagram control | Syncfusion®
+description: Learn here all about Spacing Commands support in Syncfusion® WPF Diagram (SfDiagram) control and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Commands/UndoRedo.md b/wpf/Diagram/Commands/UndoRedo.md
index ca7da099c9..5ea029bbaf 100644
--- a/wpf/Diagram/Commands/UndoRedo.md
+++ b/wpf/Diagram/Commands/UndoRedo.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Undo Redo Commands in WPF Diagram control | Syncfusion
-description: Learn here all about Undo Redo Commands support in Syncfusion WPF Diagram (SfDiagram) control and more.
+title: Undo Redo Commands in WPF Diagram control | Syncfusion®
+description: Learn here all about Undo Redo Commands support in Syncfusion® WPF Diagram (SfDiagram) control and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Commands/Z-Order.md b/wpf/Diagram/Commands/Z-Order.md
index 1f5b1a5c8c..93d12535fb 100644
--- a/wpf/Diagram/Commands/Z-Order.md
+++ b/wpf/Diagram/Commands/Z-Order.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Z-Order Commands in WPF Diagram control | Syncfusion
-description: Learn here all about Z-Order Commands support in Syncfusion WPF Diagram (SfDiagram) control and more.
+title: Z-Order Commands in WPF Diagram control | Syncfusion®
+description: Learn here all about Z-Order Commands support in Syncfusion® WPF Diagram (SfDiagram) control and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Commands/Zoom.md b/wpf/Diagram/Commands/Zoom.md
index 49afdd5364..d6894acd20 100644
--- a/wpf/Diagram/Commands/Zoom.md
+++ b/wpf/Diagram/Commands/Zoom.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Zoom Command in WPF Diagram control | Syncfusion
-description: Learn here all about Zoom Command support in Syncfusion WPF Diagram (SfDiagram) control, its elements and more.
+title: Zoom Command in WPF Diagram control | Syncfusion®
+description: Learn here all about Zoom Command support in Syncfusion® WPF Diagram (SfDiagram) control, its elements and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Connector/AppearanceAndValidation.md b/wpf/Diagram/Connector/AppearanceAndValidation.md
index 7624ee5a26..8f6a91a6de 100644
--- a/wpf/Diagram/Connector/AppearanceAndValidation.md
+++ b/wpf/Diagram/Connector/AppearanceAndValidation.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Appearance and Validation in WPF Diagram control | Syncfusion
-description: Learn here all about Appearance and Validation support in Syncfusion WPF Diagram (SfDiagram) control and more.
+title: Appearance and Validation in WPF Diagram control | Syncfusion®
+description: Learn here all about Appearance and Validation support in Syncfusion® WPF Diagram (SfDiagram) control and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Connector/DefineConnector.md b/wpf/Diagram/Connector/DefineConnector.md
index 21a7e3a576..3eb3754c5b 100644
--- a/wpf/Diagram/Connector/DefineConnector.md
+++ b/wpf/Diagram/Connector/DefineConnector.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Connector in WPF Diagram control | Syncfusion
-description: Learn here all about Connector support in Syncfusion WPF Diagram (SfDiagram) control, its elements and more.
+title: Connector in WPF Diagram control | Syncfusion®
+description: Learn here all about Connector support in Syncfusion® WPF Diagram (SfDiagram) control, its elements and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Connector/Segments/ArcSegment.md b/wpf/Diagram/Connector/Segments/ArcSegment.md
index 5a271091e7..c9aaf1232d 100644
--- a/wpf/Diagram/Connector/Segments/ArcSegment.md
+++ b/wpf/Diagram/Connector/Segments/ArcSegment.md
@@ -1,6 +1,6 @@
---
layout: post
-title: Arc segments of connectors | Syncfusion
+title: Arc segments of connectors | Syncfusion®
description: How to draw the arc segments and how to edit, and customize the arc segments of connectors in the diagram control.
platform: wpf
control: SfDiagram
diff --git a/wpf/Diagram/Connector/Segments/Cubic/DefineCubic.md b/wpf/Diagram/Connector/Segments/Cubic/DefineCubic.md
index cf70535be4..2dfd1b3d43 100644
--- a/wpf/Diagram/Connector/Segments/Cubic/DefineCubic.md
+++ b/wpf/Diagram/Connector/Segments/Cubic/DefineCubic.md
@@ -1,6 +1,6 @@
---
layout: post
-title: Create cubic curve segments of connectors | Syncfusion
+title: Create cubic curve segments of connectors | Syncfusion®
description: Create and editing simple cubic curve segments and adding mutilple cubic curve segments of connectors
platform: wpf
control: SfDiagram
diff --git a/wpf/Diagram/Connector/Segments/Cubic/Interaction.md b/wpf/Diagram/Connector/Segments/Cubic/Interaction.md
index e1b283ec29..99f4688d85 100644
--- a/wpf/Diagram/Connector/Segments/Cubic/Interaction.md
+++ b/wpf/Diagram/Connector/Segments/Cubic/Interaction.md
@@ -1,6 +1,6 @@
---
layout: post
-title: Interaction on cubic bezier segment | Syncfusion
+title: Interaction on cubic bezier segment | Syncfusion®
description: Interaction on Cubic curve segments and editing the control points of cubic curve segments to maintain same distance and angle
platform: wpf
control: SfDiagram
diff --git a/wpf/Diagram/Connector/Segments/MultipleSegments.md b/wpf/Diagram/Connector/Segments/MultipleSegments.md
index 94d3263239..360b10ef31 100644
--- a/wpf/Diagram/Connector/Segments/MultipleSegments.md
+++ b/wpf/Diagram/Connector/Segments/MultipleSegments.md
@@ -1,6 +1,6 @@
---
layout: post
-title: creating multiple segments | Syncfusion
+title: creating multiple segments | Syncfusion®
description: How to add multiple and different types of segments into a single connector and how to edit the multiple connectors
platform: wpf
control: SfDiagram
diff --git a/wpf/Diagram/Connector/Segments/Orthogonal.md b/wpf/Diagram/Connector/Segments/Orthogonal.md
index 37f03f09a6..d80fba95b4 100644
--- a/wpf/Diagram/Connector/Segments/Orthogonal.md
+++ b/wpf/Diagram/Connector/Segments/Orthogonal.md
@@ -1,6 +1,6 @@
---
layout: post
-title: Orthogonal segment connectors | Syncfusion
+title: Orthogonal segment connectors | Syncfusion®
description: How to create the orthogonal segments, how to edit and customize the Orthogonal segments and how orthogonal connectors are avoiding overlapping.
platform: wpf
control: SfDiagram
diff --git a/wpf/Diagram/Connector/Segments/Quadratic.md b/wpf/Diagram/Connector/Segments/Quadratic.md
index 0fff33aa0a..9c99bb5a70 100644
--- a/wpf/Diagram/Connector/Segments/Quadratic.md
+++ b/wpf/Diagram/Connector/Segments/Quadratic.md
@@ -1,6 +1,6 @@
---
layout: post
-title: Quadratic bezier segments | Syncfusion
+title: Quadratic bezier segments | Syncfusion®
description: how to add quadratic bezier segements into a connector and how to edit the quadratic bezier segments
platform: wpf
control: SfDiagram
diff --git a/wpf/Diagram/Connector/Segments/Straight.md b/wpf/Diagram/Connector/Segments/Straight.md
index dbac3ce0c3..856cc419ba 100644
--- a/wpf/Diagram/Connector/Segments/Straight.md
+++ b/wpf/Diagram/Connector/Segments/Straight.md
@@ -1,6 +1,6 @@
---
layout: post
-title: Straight segments of connectors | Syncfusion
+title: Straight segments of connectors | Syncfusion®
description: What are the segment types and how to draw, select, and edit the straight segments of connectors in the diagram control.
platform: wpf
control: SfDiagram
diff --git a/wpf/Diagram/Connector/SelectionAndDragging.md b/wpf/Diagram/Connector/SelectionAndDragging.md
index c750478e09..036a7a45a7 100644
--- a/wpf/Diagram/Connector/SelectionAndDragging.md
+++ b/wpf/Diagram/Connector/SelectionAndDragging.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Interactions in WPF Diagram control | Syncfusion
-description: Learn here all about Interactions support in Syncfusion WPF Diagram (SfDiagram) control, its elements and more.
+title: Interactions in WPF Diagram control | Syncfusion®
+description: Learn here all about Interactions support in Syncfusion® WPF Diagram (SfDiagram) control, its elements and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Constraints.md b/wpf/Diagram/Constraints.md
index a4edb7901e..e7f1382e7b 100644
--- a/wpf/Diagram/Constraints.md
+++ b/wpf/Diagram/Constraints.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Constraints in WPF Diagram Control | Syncfusion
-description: Learn here all about constraints support in Syncfusion WPF Diagram (SfDiagram) control, it's elements, and more.
+title: Constraints in WPF Diagram Control | Syncfusion®
+description: Learn here all about constraints support in Syncfusion® WPF Diagram (SfDiagram) control, it's elements, and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Container.md b/wpf/Diagram/Container.md
index fe2b626f8d..07093cd75c 100644
--- a/wpf/Diagram/Container.md
+++ b/wpf/Diagram/Container.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Container in WPF Diagram control | Syncfusion
-description: Learn here all about Container support in Syncfusion WPF Diagram (SfDiagram) control, its elements and more.
+title: Container in WPF Diagram control | Syncfusion®
+description: Learn here all about Container support in Syncfusion® WPF Diagram (SfDiagram) control, its elements and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Context-Menu.md b/wpf/Diagram/Context-Menu.md
index 6b79e9f68c..8f9bde8196 100644
--- a/wpf/Diagram/Context-Menu.md
+++ b/wpf/Diagram/Context-Menu.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Context Menu in WPF Diagram control | Syncfusion
-description: Learn here all about Context Menu support in Syncfusion WPF Diagram (SfDiagram) control, its elements and more.
+title: Context Menu in WPF Diagram control | Syncfusion®
+description: Learn here all about Context Menu support in Syncfusion® WPF Diagram (SfDiagram) control, its elements and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/DataSource.md b/wpf/Diagram/DataSource.md
index 07a71ebcd8..74a8e23aeb 100644
--- a/wpf/Diagram/DataSource.md
+++ b/wpf/Diagram/DataSource.md
@@ -1,7 +1,7 @@
---
layout: post
-title: DataSource in WPF Diagram control | Syncfusion
-description: Learn here all about DataSource support in Syncfusion WPF Diagram (SfDiagram) control, its elements and more.
+title: DataSource in WPF Diagram control | Syncfusion®
+description: Learn here all about DataSource support in Syncfusion® WPF Diagram (SfDiagram) control, its elements and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Diagram-Ribbon.md b/wpf/Diagram/Diagram-Ribbon.md
index 99de90148b..d291996787 100644
--- a/wpf/Diagram/Diagram-Ribbon.md
+++ b/wpf/Diagram/Diagram-Ribbon.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Diagram Ribbon in WPF Diagram control | Syncfusion
-description: Learn here all about Diagram Ribbon support in Syncfusion WPF Diagram (SfDiagram) control, its elements and more.
+title: Diagram Ribbon in WPF Diagram control | Syncfusion®
+description: Learn here all about Diagram Ribbon support in Syncfusion® WPF Diagram (SfDiagram) control, its elements and more.
platform: wpf
control: SfDiagram
documentation: ug
@@ -51,7 +51,7 @@ Steps to add the Diagram ribbon control manually is given below with its code ex
1. Add the following required assembly reference to the project `Syncfusion.SfDiagramRibbon.WPF`.
-2. Import the Syncfusion WPF schema `http://schemas.syncfusion.com/wpf` or the SfDiagramRibbon control namespace `Syncfusion.UI.Xaml.DiagramRibbon` in your application.
+2. Import the Syncfusion® WPF schema `http://schemas.syncfusion.com/wpf` or the SfDiagramRibbon control namespace `Syncfusion.UI.Xaml.DiagramRibbon` in your application.
3. Declare the SfDiagramRibbon control in your application.
diff --git a/wpf/Diagram/Exporting.md b/wpf/Diagram/Exporting.md
index 9891cb2839..0d1891ab4f 100644
--- a/wpf/Diagram/Exporting.md
+++ b/wpf/Diagram/Exporting.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Exporting in WPF Diagram control | Syncfusion
-description: Learn here all about Exporting support in Syncfusion WPF Diagram (SfDiagram) control, its elements and more.
+title: Exporting in WPF Diagram control | Syncfusion®
+description: Learn here all about Exporting support in Syncfusion® WPF Diagram (SfDiagram) control, its elements and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Getting-Started.md b/wpf/Diagram/Getting-Started.md
index d7b6ed656d..e31bc6bc2f 100644
--- a/wpf/Diagram/Getting-Started.md
+++ b/wpf/Diagram/Getting-Started.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Getting Started with WPF Diagram control | Syncfusion
-description: Learn here about getting started with Syncfusion WPF Diagram (SfDiagram) control, its elements and more details.
+title: Getting Started with WPF Diagram control | Syncfusion®
+description: Learn here about getting started with Syncfusion® WPF Diagram (SfDiagram) control, its elements and more details.
platform: wpf
control: SfDiagram
documentation: ug
@@ -34,10 +34,10 @@ Create new WPF project using Visual Studio. For more [details](https://learn.mic
To add control manually in XAML, do the following steps:
1. Add the following required assembly reference to the project, Syncfusion.SfDiagram.WPF .
-2. Import Syncfusion WPF schema http://schemas.syncfusion.com/wpf or SfDiagram control namespace Syncfusion.UI.Xaml.Diagram in XAML page.
+2. Import Syncfusion® WPF schema http://schemas.syncfusion.com/wpf or SfDiagram control namespace Syncfusion.UI.Xaml.Diagram in XAML page.
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/overview) to learn about registering Syncfusion license key in your WPF application to use Syncfusion components.
+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/overview) to learn about registering Syncfusion® license key in your WPF application to use Syncfusion® components.
{% capture codesnippet1 %}
{% tabs %}
diff --git a/wpf/Diagram/Gridlines.md b/wpf/Diagram/Gridlines.md
index 091fd0cb37..c9105c1160 100644
--- a/wpf/Diagram/Gridlines.md
+++ b/wpf/Diagram/Gridlines.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Gridlines in WPF Diagram control | Syncfusion
-description: Learn here all about Gridlines support in Syncfusion WPF Diagram (SfDiagram) control, its elements and more.
+title: Gridlines in WPF Diagram control | Syncfusion®
+description: Learn here all about Gridlines support in Syncfusion® WPF Diagram (SfDiagram) control, its elements and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Group.md b/wpf/Diagram/Group.md
index 6ec8026e90..3029e47e3d 100644
--- a/wpf/Diagram/Group.md
+++ b/wpf/Diagram/Group.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Group in WPF Diagram control | Syncfusion
-description: Learn here all about Group support in Syncfusion WPF Diagram (SfDiagram) control, its elements and more.
+title: Group in WPF Diagram control | Syncfusion®
+description: Learn here all about Group support in Syncfusion® WPF Diagram (SfDiagram) control, its elements and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Interaction/Deletion.md b/wpf/Diagram/Interaction/Deletion.md
index cae1a9fdc9..b0f1f8a420 100644
--- a/wpf/Diagram/Interaction/Deletion.md
+++ b/wpf/Diagram/Interaction/Deletion.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Deletion in WPF Diagram control | Syncfusion
-description: Learn here all about Deletion support in Syncfusion WPF Diagram (SfDiagram) control, its elements and more.
+title: Deletion in WPF Diagram control | Syncfusion®
+description: Learn here all about Deletion support in Syncfusion® WPF Diagram (SfDiagram) control, its elements and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Interaction/Dragging/CollisionState.md b/wpf/Diagram/Interaction/Dragging/CollisionState.md
index c6e7fcb822..d871f79b16 100644
--- a/wpf/Diagram/Interaction/Dragging/CollisionState.md
+++ b/wpf/Diagram/Interaction/Dragging/CollisionState.md
@@ -1,6 +1,6 @@
---
layout: post
-title: Supports to drag nodes, connectors and page at runtime | Syncfusion.
+title: Supports to drag nodes, connectors and page at runtime | Syncfusion®
description: How to drag the nodes and connectors and avoid overlapping of the nodes with connectors during runtime?
platform: wpf
control: SfDiagram
diff --git a/wpf/Diagram/Interaction/Dragging/Drag.md b/wpf/Diagram/Interaction/Dragging/Drag.md
index ee483cfc24..e737dc2c16 100644
--- a/wpf/Diagram/Interaction/Dragging/Drag.md
+++ b/wpf/Diagram/Interaction/Dragging/Drag.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Dragging in WPF Diagram control | Syncfusion
-description: Learn here all about Dragging support in Syncfusion WPF Diagram (SfDiagram) control, its elements and more.
+title: Dragging in WPF Diagram control | Syncfusion®
+description: Learn here all about Dragging support in Syncfusion® WPF Diagram (SfDiagram) control, its elements and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Interaction/Dragging/DuplicateNodesandConnectors.md b/wpf/Diagram/Interaction/Dragging/DuplicateNodesandConnectors.md
index 4c7c755663..42db6c4c88 100644
--- a/wpf/Diagram/Interaction/Dragging/DuplicateNodesandConnectors.md
+++ b/wpf/Diagram/Interaction/Dragging/DuplicateNodesandConnectors.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Support to duplicate nodes and connectors with Ctrl key | Syncfusion
-description: How to create the copy of Node, Connectors, and Groups using ctrl key in Syncfusion WPF Diagram (SfDiagram).
+title: Support to duplicate nodes and connectors with Ctrl key | Syncfusion®
+description: How to create the copy of Node, Connectors, and Groups using ctrl key in Syncfusion® WPF Diagram (SfDiagram).
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Interaction/Dragging/EnableConnectorSplitting.md b/wpf/Diagram/Interaction/Dragging/EnableConnectorSplitting.md
index d33d0a9f47..327d54bc19 100644
--- a/wpf/Diagram/Interaction/Dragging/EnableConnectorSplitting.md
+++ b/wpf/Diagram/Interaction/Dragging/EnableConnectorSplitting.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Enable connector splitting in WPF Diagram control | Syncfusion
-description: Learn here all about how split and joining of connectors works in Syncfusion WPF Diagram (SfDiagram) control.
+title: Enable connector splitting in WPF Diagram control | Syncfusion®
+description: Learn here all about how split and joining of connectors works in Syncfusion® WPF Diagram (SfDiagram) control.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Interaction/Dragging/PreviewSettings/Preview-Settings.md b/wpf/Diagram/Interaction/Dragging/PreviewSettings/Preview-Settings.md
index 7195ba60c5..61c81a987f 100644
--- a/wpf/Diagram/Interaction/Dragging/PreviewSettings/Preview-Settings.md
+++ b/wpf/Diagram/Interaction/Dragging/PreviewSettings/Preview-Settings.md
@@ -1,6 +1,6 @@
---
layout: post
-title: Syncfusion Diagram supports to drag nodes and connectors at runtime.
+title: Syncfusion® Diagram supports to drag nodes and connectors at runtime.
description: How to drag the preview of the nodes and connectors instead of dragging the original nodes and connectors ?
platform: wpf
control: SfDiagram
diff --git a/wpf/Diagram/Interaction/Keyboard.md b/wpf/Diagram/Interaction/Keyboard.md
index e5a77a8088..576a3780ce 100644
--- a/wpf/Diagram/Interaction/Keyboard.md
+++ b/wpf/Diagram/Interaction/Keyboard.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Keyboard in WPF Diagram control | Syncfusion
-description: Learn here all about Keyboard support in Syncfusion WPF Diagram (SfDiagram) control, its elements and more.
+title: Keyboard in WPF Diagram control | Syncfusion®
+description: Learn here all about Keyboard support in Syncfusion® WPF Diagram (SfDiagram) control, its elements and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Interaction/Selection.md b/wpf/Diagram/Interaction/Selection.md
index 9aa45a3df1..f45f1022b8 100644
--- a/wpf/Diagram/Interaction/Selection.md
+++ b/wpf/Diagram/Interaction/Selection.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Selection in WPF Diagram control | Syncfusion
-description: Learn here all about Selection support in Syncfusion WPF Diagram (SfDiagram) control, its elements and more.
+title: Selection in WPF Diagram control | Syncfusion®
+description: Learn here all about Selection support in Syncfusion® WPF Diagram (SfDiagram) control, its elements and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Interaction/Tooltip.md b/wpf/Diagram/Interaction/Tooltip.md
index bda7eb918c..e3c1397f31 100644
--- a/wpf/Diagram/Interaction/Tooltip.md
+++ b/wpf/Diagram/Interaction/Tooltip.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Tooltip in WPF Diagram control | Syncfusion
-description: Learn here all about the Tooltip support in Syncfusion WPF Diagram (SfDiagram) control, its types and more.
+title: Tooltip in WPF Diagram control | Syncfusion®
+description: Learn here all about the Tooltip support in Syncfusion® WPF Diagram (SfDiagram) control, its types and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Interaction/UserHandle.md b/wpf/Diagram/Interaction/UserHandle.md
index 3bc2d7637c..2fbd1468e3 100644
--- a/wpf/Diagram/Interaction/UserHandle.md
+++ b/wpf/Diagram/Interaction/UserHandle.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Quick Command in WPF Diagram control | Syncfusion
-description: Learn here all about Quick Command support in Syncfusion WPF Diagram (SfDiagram) control, its elements and more.
+title: Quick Command in WPF Diagram control | Syncfusion®
+description: Learn here all about Quick Command support in Syncfusion® WPF Diagram (SfDiagram) control, its elements and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Interaction/ZoomPan.md b/wpf/Diagram/Interaction/ZoomPan.md
index e33fbb6753..56c4be57a1 100644
--- a/wpf/Diagram/Interaction/ZoomPan.md
+++ b/wpf/Diagram/Interaction/ZoomPan.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Zoom Pan in WPF Diagram control | Syncfusion
-description: Learn here all about Zoom Pan support in Syncfusion WPF Diagram (SfDiagram) control, its elements and more.
+title: Zoom Pan in WPF Diagram control | Syncfusion®
+description: Learn here all about Zoom Pan support in Syncfusion® WPF Diagram (SfDiagram) control, its elements and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Localization.md b/wpf/Diagram/Localization.md
index 3cfd4ac2a4..57d845b740 100644
--- a/wpf/Diagram/Localization.md
+++ b/wpf/Diagram/Localization.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Localization in WPF Diagram control | Syncfusion
-description: Learn here all about Localization support in Syncfusion WPF Diagram (SfDiagram) control, its elements and more.
+title: Localization in WPF Diagram control | Syncfusion®
+description: Learn here all about Localization support in Syncfusion® WPF Diagram (SfDiagram) control, its elements and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Node.md b/wpf/Diagram/Node.md
index 1096a75a60..ead671ddfe 100644
--- a/wpf/Diagram/Node.md
+++ b/wpf/Diagram/Node.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Node in WPF Diagram control | Syncfusion
-description: Learn here all about Node support in Syncfusion WPF Diagram (SfDiagram) control, its elements and more.
+title: Node in WPF Diagram control | Syncfusion®
+description: Learn here all about Node support in Syncfusion® WPF Diagram (SfDiagram) control, its elements and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Overview-Control.md b/wpf/Diagram/Overview-Control.md
index 0770ac6e87..7a1732e6ea 100644
--- a/wpf/Diagram/Overview-Control.md
+++ b/wpf/Diagram/Overview-Control.md
@@ -1,13 +1,13 @@
---
layout: post
-title: About WPF Diagram Overview control | Syncfusion
-description: Learn here all about introduction of Syncfusion WPF Diagram Overview (SfDiagram) control, its elements and more details.
+title: About WPF Diagram Overview control | Syncfusion®
+description: Learn here all about introduction of Syncfusion® WPF Diagram Overview (SfDiagram) control, its elements and more details.
platform: wpf
control: SfDiagram
documentation: ug
---
-# Overview of Essential WPF Diagram (SfDiagram)
+# Overview of Essential® WPF Diagram (SfDiagram)
Overview control is used to display a preview (overall view) of the entire content of a Diagram. This helps you to look overall picture of large diagram and easy to navigate (pan or zoom) to a particular position of the page.
@@ -25,7 +25,7 @@ Steps to add Overview control manually in XAML:
1. Add the following required assembly reference to the project, `Syncfusion.SfDiagram.WPF`
-2. Import Syncfusion WPF schema `http://schemas.syncfusion.com/wpf` or SfDiagram control namespace `Syncfusion.UI.Xaml.Diagram.Controls` in XAML page.
+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 %}
diff --git a/wpf/Diagram/Overview.md b/wpf/Diagram/Overview.md
index 34b1ddbb81..8f8855df9c 100644
--- a/wpf/Diagram/Overview.md
+++ b/wpf/Diagram/Overview.md
@@ -1,7 +1,7 @@
---
layout: post
-title: About WPF Diagram control | Syncfusion
-description: Learn here all about introduction of Syncfusion WPF Diagram (SfDiagram) control, its elements and more details.
+title: About WPF Diagram control | Syncfusion®
+description: Learn here all about introduction of Syncfusion® WPF Diagram (SfDiagram) control, its elements and more details.
platform: wpf
control: SfDiagram
documentation: ug
@@ -9,7 +9,7 @@ documentation: ug
# WPF Diagram (SfDiagram) Overview
-**Essential Diagram WPF** is a powerful, extensible, and feature-rich library for visualizing, creating, and editing interactive diagrams. It supports creating flowcharts, organizational charts, mind maps, floor plans, UML diagrams, and BPMN charts either through code or a visual interface.
+**Essential® Diagram WPF** is a powerful, extensible, and feature-rich library for visualizing, creating, and editing interactive diagrams. It supports creating flowcharts, organizational charts, mind maps, floor plans, UML diagrams, and BPMN charts either through code or a visual interface.
![WPF Diagram Overview](Overview_images/wpf-diagram-overview.png)
diff --git a/wpf/Diagram/Page-Settings.md b/wpf/Diagram/Page-Settings.md
index d45a82b741..365ba5e014 100644
--- a/wpf/Diagram/Page-Settings.md
+++ b/wpf/Diagram/Page-Settings.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Page Settings in WPF Diagram control | Syncfusion
-description: Learn here all about Page Settings support in Syncfusion WPF Diagram (SfDiagram) control, its elements and more.
+title: Page Settings in WPF Diagram control | Syncfusion®
+description: Learn here all about Page Settings support in Syncfusion® WPF Diagram (SfDiagram) control, its elements and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Port/AutomaticPortCreation.md b/wpf/Diagram/Port/AutomaticPortCreation.md
index bc22e8a16c..c880b29e7f 100644
--- a/wpf/Diagram/Port/AutomaticPortCreation.md
+++ b/wpf/Diagram/Port/AutomaticPortCreation.md
@@ -1,7 +1,7 @@
---
layout: post
-title: AutomaticPortCreation in WPF Diagram control | Syncfusion
-description: Learn here all about AutomaticPortCreation support in Syncfusion WPF Diagram (SfDiagram) control and more.
+title: AutomaticPortCreation in WPF Diagram control | Syncfusion®
+description: Learn here all about AutomaticPortCreation support in Syncfusion® WPF Diagram (SfDiagram) control and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Port/Port-to-port-creation.md b/wpf/Diagram/Port/Port-to-port-creation.md
index 00b33cbe53..ed3e893b24 100644
--- a/wpf/Diagram/Port/Port-to-port-creation.md
+++ b/wpf/Diagram/Port/Port-to-port-creation.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Port-to-port-creation in WPF Diagram control | Syncfusion
-description: Learn here all about Port-to-port-creation support in Syncfusion WPF Diagram (SfDiagram) control and more.
+title: Port-to-port-creation in WPF Diagram control | Syncfusion®
+description: Learn here all about Port-to-port-creation support in Syncfusion® WPF Diagram (SfDiagram) control and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Port/Port.md b/wpf/Diagram/Port/Port.md
index 4ed260da2e..8a4b12e035 100644
--- a/wpf/Diagram/Port/Port.md
+++ b/wpf/Diagram/Port/Port.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Port in WPF Diagram control | Syncfusion
-description: Learn here all about Port support in Syncfusion WPF Diagram (SfDiagram) control, its elements and more.
+title: Port in WPF Diagram control | Syncfusion®
+description: Learn here all about Port support in Syncfusion® WPF Diagram (SfDiagram) control, its elements and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Port/PortHoverEffect.md b/wpf/Diagram/Port/PortHoverEffect.md
index 82b8878d9b..5483757a59 100644
--- a/wpf/Diagram/Port/PortHoverEffect.md
+++ b/wpf/Diagram/Port/PortHoverEffect.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Port hovering effect in WPF Diagram control | Syncfusion
-description: Learn here all about Port hovering animation effect support in Syncfusion WPF Diagram (SfDiagram) control ports.
+title: Port hovering effect in WPF Diagram control | Syncfusion®
+description: Learn here all about Port hovering animation effect support in Syncfusion® WPF Diagram (SfDiagram) control ports.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Preview-Settings.md b/wpf/Diagram/Preview-Settings.md
index 6b945ba899..8b7ce20a1f 100644
--- a/wpf/Diagram/Preview-Settings.md
+++ b/wpf/Diagram/Preview-Settings.md
@@ -1,6 +1,6 @@
---
layout: post
-title: Preview Settings in WPF Diagram Control | Syncfusion
+title: Preview Settings in WPF Diagram Control | Syncfusion®
description: How to select and edit nodes and connectors during runtime and how to arrange the node and connectors while dragging?
platform: wpf
control: SfDiagram
diff --git a/wpf/Diagram/Printing.md b/wpf/Diagram/Printing.md
index b2d3dd1153..3f6d56c154 100644
--- a/wpf/Diagram/Printing.md
+++ b/wpf/Diagram/Printing.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Printing in WPF Diagram control | Syncfusion
-description: Learn here all about Printing support in Syncfusion WPF Diagram (SfDiagram) control, its elements and more.
+title: Printing in WPF Diagram control | Syncfusion®
+description: Learn here all about Printing support in Syncfusion® WPF Diagram (SfDiagram) control, its elements and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Rulers.md b/wpf/Diagram/Rulers.md
index e79041d1e0..890830eb31 100644
--- a/wpf/Diagram/Rulers.md
+++ b/wpf/Diagram/Rulers.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Rulers in WPF Diagram control | Syncfusion
-description: Learn here all about Rulers support in Syncfusion WPF Diagram (SfDiagram) control, its elements and more.
+title: Rulers in WPF Diagram control | Syncfusion®
+description: Learn here all about Rulers support in Syncfusion® WPF Diagram (SfDiagram) control, its elements and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Scroll-Settings/AutoScrollLimit.md b/wpf/Diagram/Scroll-Settings/AutoScrollLimit.md
index 4873c29c49..18160fac8f 100644
--- a/wpf/Diagram/Scroll-Settings/AutoScrollLimit.md
+++ b/wpf/Diagram/Scroll-Settings/AutoScrollLimit.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Auto-Scroll Limit in WPF Diagram control | Syncfusion
-description: Learn here all about Auto-Scroll Limit support in Syncfusion WPF Diagram (SfDiagram) control and more.
+title: Auto-Scroll Limit in WPF Diagram control | Syncfusion®
+description: Learn here all about Auto-Scroll Limit support in Syncfusion® WPF Diagram (SfDiagram) control and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Scroll-Settings/DragLimit.md b/wpf/Diagram/Scroll-Settings/DragLimit.md
index 2d206d7091..3f8d67bf70 100644
--- a/wpf/Diagram/Scroll-Settings/DragLimit.md
+++ b/wpf/Diagram/Scroll-Settings/DragLimit.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Drag Limit in WPF Diagram control | Syncfusion
-description: Learn here all about Drag Limit support in Syncfusion WPF Diagram (SfDiagram) control, its elements and more.
+title: Drag Limit in WPF Diagram control | Syncfusion®
+description: Learn here all about Drag Limit support in Syncfusion® WPF Diagram (SfDiagram) control, its elements and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Scroll-Settings/ScrollLimit.md b/wpf/Diagram/Scroll-Settings/ScrollLimit.md
index 2834b66b9c..403000c358 100644
--- a/wpf/Diagram/Scroll-Settings/ScrollLimit.md
+++ b/wpf/Diagram/Scroll-Settings/ScrollLimit.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Scroll Limit in WPF Diagram control | Syncfusion
-description: Learn here all about Scroll Limit support in Syncfusion WPF Diagram (SfDiagram) control, its elements and more.
+title: Scroll Limit in WPF Diagram control | Syncfusion®
+description: Learn here all about Scroll Limit support in Syncfusion® WPF Diagram (SfDiagram) control, its elements and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Scroll-Settings/ScrollStatusAndAutoScroll.md b/wpf/Diagram/Scroll-Settings/ScrollStatusAndAutoScroll.md
index b1c571b134..9cc0194c57 100644
--- a/wpf/Diagram/Scroll-Settings/ScrollStatusAndAutoScroll.md
+++ b/wpf/Diagram/Scroll-Settings/ScrollStatusAndAutoScroll.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Scroll-Settings in WPF Diagram control | Syncfusion
-description: Learn here all about Scroll-Settings support in Syncfusion WPF Diagram (SfDiagram) control and more.
+title: Scroll-Settings in WPF Diagram control | Syncfusion®
+description: Learn here all about Scroll-Settings support in Syncfusion® WPF Diagram (SfDiagram) control and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Serialization.md b/wpf/Diagram/Serialization.md
index 3dbb5979e9..f8079ffdb9 100644
--- a/wpf/Diagram/Serialization.md
+++ b/wpf/Diagram/Serialization.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Serialization in WPF Diagram control | Syncfusion
-description: Learn here all about Serialization support in Syncfusion WPF Diagram (SfDiagram) control, its elements and more.
+title: Serialization in WPF Diagram control | Syncfusion®
+description: Learn here all about Serialization support in Syncfusion® WPF Diagram (SfDiagram) control, its elements and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Shapes.md b/wpf/Diagram/Shapes.md
index 2b4654b90f..3ade65a072 100644
--- a/wpf/Diagram/Shapes.md
+++ b/wpf/Diagram/Shapes.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Shapes in WPF Diagram control | Syncfusion
-description: Learn here all about Shapes support in Syncfusion WPF Diagram (SfDiagram) control, its elements and more.
+title: Shapes in WPF Diagram control | Syncfusion®
+description: Learn here all about Shapes support in Syncfusion® WPF Diagram (SfDiagram) control, its elements and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Snapping/CustomSnapping.md b/wpf/Diagram/Snapping/CustomSnapping.md
index c16f28787a..f5ee95d304 100644
--- a/wpf/Diagram/Snapping/CustomSnapping.md
+++ b/wpf/Diagram/Snapping/CustomSnapping.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Custom Snapping in WPF Diagram control | Syncfusion
-description: Learn here all about Custom Snapping support in Syncfusion WPF Diagram (SfDiagram) control and more.
+title: Custom Snapping in WPF Diagram control | Syncfusion®
+description: Learn here all about Custom Snapping support in Syncfusion® WPF Diagram (SfDiagram) control and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Snapping/DefineSnapping.md b/wpf/Diagram/Snapping/DefineSnapping.md
index d033926a88..2979d269d7 100644
--- a/wpf/Diagram/Snapping/DefineSnapping.md
+++ b/wpf/Diagram/Snapping/DefineSnapping.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Snapping in WPF Diagram control | Syncfusion
-description: Learn here all about Snapping support in Syncfusion WPF Diagram (SfDiagram) control, its elements and more.
+title: Snapping in WPF Diagram control | Syncfusion®
+description: Learn here all about Snapping support in Syncfusion® WPF Diagram (SfDiagram) control, its elements and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Stencil/Appearance.md b/wpf/Diagram/Stencil/Appearance.md
index 3539a6ae6b..0721e7581a 100644
--- a/wpf/Diagram/Stencil/Appearance.md
+++ b/wpf/Diagram/Stencil/Appearance.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Appearance of stencil in WPF Diagram control | Syncfusion
-description: Learn here all about appearance customazation on stencil in Syncfusion WPF Diagram (SfDiagram) control ports.
+title: Appearance of stencil in WPF Diagram control | Syncfusion®
+description: Learn here all about appearance customazation on stencil in Syncfusion® WPF Diagram (SfDiagram) control ports.
platform: wpf
control: SfDiagram
documentation: ug
@@ -178,8 +178,8 @@ The stencil view can be toggled between the expanded and compact modes by clicki
|DisplayMode|Description|Output|
|----------|-----------|--------|
-| Compact | The stencil always shows as a narrow sliver which can be opened to full width |![Expanded](Stencil_images/ExpandModeExpand.PNG) |
-| Expanded | Specifies to update the Expanded state of the stencil |![Symbol](Stencil_images/Stencil_Compact.PNG)|
+| Compact | The stencil always shows as a narrow sliver which can be opened to full width |![Symbol](Stencil_images/Stencil_Compact.PNG)|
+| Expanded | Specifies to update the Expanded state of the stencil |![Expanded](Stencil_images/ExpandModeExpand.PNG)|
You can show or hide the expander icon by using the [`ShowDisplayModeToggleButton`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.Stencil.Stencil.html#Syncfusion_UI_Xaml_Diagram_Stencil_Stencil_ShowDisplayModeToggleButton) property of the `Stencil` class.
diff --git a/wpf/Diagram/Stencil/Commands.md b/wpf/Diagram/Stencil/Commands.md
index be6f2fd1a6..c327d6b7e2 100644
--- a/wpf/Diagram/Stencil/Commands.md
+++ b/wpf/Diagram/Stencil/Commands.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Commands Support for Stencil in WPF Diagram control | Syncfusion
-description: Learn here all about keyboard commands support for Stencil in Syncfusion WPF Diagram (SfDiagram) control ports.
+title: Commands Support for Stencil in WPF Diagram control | Syncfusion®
+description: Learn here all about keyboard commands support for Stencil in Syncfusion® WPF Diagram (SfDiagram) control ports.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Stencil/ContextMenu.md b/wpf/Diagram/Stencil/ContextMenu.md
index 4039697a90..f325601ce8 100644
--- a/wpf/Diagram/Stencil/ContextMenu.md
+++ b/wpf/Diagram/Stencil/ContextMenu.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Context menu support for stencil in WPF Diagram control | Syncfusion
-description: Learn here all about context menu support for stencil in Syncfusion WPF Diagram (SfDiagram) control ports.
+title: Context menu support for stencil in WPF Diagram control | Syncfusion®
+description: Learn here all about context menu support for stencil in Syncfusion® WPF Diagram (SfDiagram) control ports.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Stencil/Interactions.md b/wpf/Diagram/Stencil/Interactions.md
index 1f20e3f486..e79645fa5d 100644
--- a/wpf/Diagram/Stencil/Interactions.md
+++ b/wpf/Diagram/Stencil/Interactions.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Varies interactions of stencil in WPF Diagram control | Syncfusion
-description: Learn here all about varies interaction on stencil in Syncfusion WPF Diagram (SfDiagram) control ports.
+title: Varies interactions of stencil in WPF Diagram control | Syncfusion®
+description: Learn here all about varies interaction on stencil in Syncfusion® WPF Diagram (SfDiagram) control ports.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Stencil/Serialization.md b/wpf/Diagram/Stencil/Serialization.md
new file mode 100644
index 0000000000..9013a2dc7a
--- /dev/null
+++ b/wpf/Diagram/Stencil/Serialization.md
@@ -0,0 +1,111 @@
+---
+layout: post
+title: Stencil Serialization in WPF Diagram | Syncfusion®
+description: Learn how to serialize and deserialize stencils in Syncfusion WPF Diagram (SfDiagram) control, including individual symbol groups.
+platform: wpf
+control: SfDiagram
+documentation: ug
+---
+
+# Stencil Serialization in WPF Diagram (SfDiagram)
+
+[Stencil](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.Stencil.html) serialization is the process of converting the state of stencil into a stream of bytes to recreate them when needed. Such streams can be stored in a database, as a file, or in memory. The reverse process is called deserialization.
+
+## Saving the Stencil
+
+In Stencil, [DataContractSerializer](https://learn.microsoft.com/en-us/dotnet/api/system.runtime.serialization.datacontractserializer?view=net-8.0) is used for serialization. It allows you to serialize and save your stencil into a stream. Here is a simple code example showing how to save the stencil:
+
+{% tabs %}
+{% highlight C# %}
+
+// To Save as stream in file
+SaveFileDialog dialog = new SaveFileDialog();
+dialog.Title = "Save XAML";
+dialog.Filter = "XAML File (*.xaml)|*.xaml";
+if (dialog.ShowDialog() == true)
+{
+ using (Stream str = File.Open(dialog.FileName, FileMode.OpenOrCreate))
+ {
+ stencil.Save(str);
+ }
+}
+
+// To Save as memory stream
+MemoryStream str = new MemoryStream();
+stencil.Save(str);
+
+{% endhighlight %}
+{% endtabs %}
+
+## Loading the Stencil
+
+On deserialization, the saved stream is used to load the Stencil. We can continue using previously saved stencil by loading the saved stream. Here is a simple code example showing how to load the stencil:
+
+{% tabs %}
+{% highlight C# %}
+
+// Load from saved XAML file
+OpenFileDialog dialog = new OpenFileDialog();
+if (dialog.ShowDialog() == true)
+{
+ using (Stream myStream = dialog.OpenFile())
+ {
+ stencil.Load(myStream);
+ }
+}
+
+// Load from saved memory stream
+myStream.Position = 0;
+stencil.Load(myStream);
+
+{% endhighlight %}
+{% endtabs %}
+
+## Exporting and Importing Symbol Group in Stencil
+
+The Stencil also supports exporting and importing specific symbol groups. This functionality is useful when you need to save and reuse only certain symbol groups.
+
+### Exporting a Symbol Group
+
+In Stencil, the [ExportGroup](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.Stencil.Stencil.html#Syncfusion_UI_Xaml_Diagram_Stencil_Stencil_ExportGroup_System_IO_Stream_System_String___) method allows you to export SymbolGroups. By providing the symbol group names as parameters to this method, you can save the specified SymbolGroups to a stream, preserving all their properties for easy sharing or future use. Here is a simple code example showing how to export the symbol groups:
+
+{% tabs %}
+{% highlight C# %}
+
+string[] symbolGroupNames = { "Basic Shapes", "Flow Shapes", "BPMN Editor Shapes" };
+
+SaveFileDialog dialog = new SaveFileDialog();
+dialog.Title = "Save XAML";
+dialog.Filter = "XAML File (*.xaml)|*.xaml";
+if (dialog.ShowDialog() == true)
+{
+ using (Stream s = File.Open(dialog.FileName, FileMode.OpenOrCreate))
+ {
+ stencil.ExportGroup(s, symbolGroupNames);
+ }
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+### Importing a Symbol Group
+
+To import the saved symbol groups back into the stencil, use the [ImportGroup](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.Stencil.Stencil.html#Syncfusion_UI_Xaml_Diagram_Stencil_Stencil_ImportGroup_System_IO_Stream_) method with the saved stream. This will load the stencil with the saved symbol groups. Here is a simple code example showing how to import the symbol groups:
+
+{% tabs %}
+{% highlight C# %}
+
+OpenFileDialog dialog = new OpenFileDialog();
+if (dialog.ShowDialog() == true)
+{
+ using (Stream myStream = dialog.OpenFile())
+ {
+ stencil.ImportGroup(myStream);
+ }
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+
+[View Sample in GitHub](https://github.com/SyncfusionExamples/WPF-Diagram-Examples/tree/master/Samples/Stencil/SymbolGroupSerialize)
diff --git a/wpf/Diagram/Stencil/Stencil.md b/wpf/Diagram/Stencil/Stencil.md
index 8cf4fe3519..c217d697c8 100644
--- a/wpf/Diagram/Stencil/Stencil.md
+++ b/wpf/Diagram/Stencil/Stencil.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Stencil in WPF Diagram control | Syncfusion
-description: Learn here all about Stencil support in Syncfusion WPF Diagram (SfDiagram) control, its elements and more.
+title: Stencil in WPF Diagram control | Syncfusion®
+description: Learn here all about Stencil support in Syncfusion® WPF Diagram (SfDiagram) control, its elements and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Stencil/SymbolFilter.md b/wpf/Diagram/Stencil/SymbolFilter.md
index 120a084cab..21962d4cc6 100644
--- a/wpf/Diagram/Stencil/SymbolFilter.md
+++ b/wpf/Diagram/Stencil/SymbolFilter.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Symbol fillters of stencil in WPF Diagram control | Syncfusion
-description: Learn here all about symbol filtering and appearance of symbol filtering support of stencil in Syncfusion WPF Diagram (SfDiagram).
+title: Symbol fillters of stencil in WPF Diagram control | Syncfusion®
+description: Learn here all about symbol filtering and appearance of symbol filtering support of stencil in Syncfusion® WPF Diagram (SfDiagram).
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Stencil/SymbolGroup/Appearance.md b/wpf/Diagram/Stencil/SymbolGroup/Appearance.md
index 03facb283e..d9b73e7b01 100644
--- a/wpf/Diagram/Stencil/SymbolGroup/Appearance.md
+++ b/wpf/Diagram/Stencil/SymbolGroup/Appearance.md
@@ -1,7 +1,7 @@
---
layout: post
-title: SymbolGroup appearance in WPF Diagram control | Syncfusion
-description: Learn here all about the appearance of the SymbolGroup in Stencil of the Syncfusion WPF Diagram (SfDiagram) .
+title: SymbolGroup appearance in WPF Diagram control | Syncfusion®
+description: Learn here all about the appearance of the SymbolGroup in Stencil of the Syncfusion® WPF Diagram (SfDiagram) .
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Stencil/SymbolGroup/SymbolGroup.md b/wpf/Diagram/Stencil/SymbolGroup/SymbolGroup.md
index 36ab30ad19..ecff7e04ea 100644
--- a/wpf/Diagram/Stencil/SymbolGroup/SymbolGroup.md
+++ b/wpf/Diagram/Stencil/SymbolGroup/SymbolGroup.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Stencil Symbol grouping in WPF Diagram control | Syncfusion
-description: Learn here all about port hovering animation effect support in Syncfusion WPF Diagram (SfDiagram) control ports.
+title: Stencil Symbol grouping in WPF Diagram control | Syncfusion®
+description: Learn here all about port hovering animation effect support in Syncfusion® WPF Diagram (SfDiagram) control ports.
platform: wpf
control: SfDiagram
documentation: ug
@@ -11,7 +11,7 @@ documentation: ug
A set of stencil symbols can be combined together to create a group and many numbers of group can be created. This helps you to look overall stencil symbols into split view and it is easy to find specific or particular shape category into stencil.
-## Group symbols into a category
+## SymbolCollection With GroupMappingName in Stencil
The symbols of the same category can be grouped using the [GroupMappingName](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.Stencil.Stencil.html#Syncfusion_UI_Xaml_Diagram_Stencil_Stencil_GroupMappingName) property of the [Stencil](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.Stencil.html) class. The `Stencil` groups the symbols based on the `GroupMappingName` property, which specifies the name of the property whose value will determine the group category. In the following code example, the `GroupMappingName` is set to "Key", so the `Stencil` will create the SymbolGroups based on the value of the Key property.
@@ -229,18 +229,70 @@ When there is more number of symbol groups in the stencil, then you can expand a
|ZeroOrMore| Enables none or more symbol group that can be expanded |![ExpandMode ZeroOrMore](SymbolGroup_images/ExpandModeZeroOrMore.Gif)|
|ZeroOrOne | Enables none or one symbol group that can be expanded |![ExpandMode ZeroOrMore](SymbolGroup_images/ExpandModeZeroOrOne.Gif)|
-## Symbol categories
+## SymbolGroupViewModel in Stencil
-There are plenty of shapes available in the diagram resource dictionary. It takes more time and allows repeated code samples to add all symbols to the stencil. To avoid this, the shapes are split and categorized as a list of symbols in the [StencilCategory](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.Stencil.StencilCategory.html ) class. You can add more than one category using the [`Categories`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.Stencil.Stencil.html#Syncfusion_UI_Xaml_Diagram_Stencil_Stencil_Categories) property of the stencil class.
+The [SymbolGroupViewModel](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.Stencil.SymbolGroupViewModel.html) class provides the support to create the view models to the symbol group and provides supports to add symbols to it as Node, Connectors, groups and list of predefined symbols. It includes the following properties:
-The `Categories` can be mentioned by using the following properties of the `StencilCategory` class:
+* [Name](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.Stencil.SymbolGroupViewModel.html#Syncfusion_UI_Xaml_Diagram_Stencil_SymbolGroupViewModel_Name): Specifies the display name of the symbol group. It also adds the symbols to the symbol groups defined through the `SymbolSource` property which symbol has same `Key` value as this `Name` property.
+* [Symbols](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.Stencil.SymbolGroupViewModel.html#Syncfusion_UI_Xaml_Diagram_Stencil_SymbolGroupViewModel_Symbols): Specifies the list of symbols need to be added to the symbol group. It can be any diagram elements such as Nodes, Connectors, Groups, Containers, BPMN elements.
+* [CategorySource](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.Stencil.SymbolGroupViewModel.html#Syncfusion_UI_Xaml_Diagram_Stencil_SymbolGroupViewModel_CategorySource): Specifies the list of symbols need to be added to the `SymbolGroupViewModel` using the static resource key value from the predefined category collections.
-* Keys: Specifies the static resource key name value of the category collection.
-* Title: Specifies the title that should be displayed as a header of the category collection.
+Additionally, You can dynamically add new symbols to symbol groups or remove existing ones at runtime. Similarly, you can also add or remove entire symbol groups within the stencil as needed.
-## Built-in symbol categories
+### Adding Symbols via Symbols Property in SymbolGroupViewModel
-The built-in shape paths available in the diagram resource dictionary are grouped by categories. The following are the built-in categories being available in the diagram resource dictionary:
+To add symbols through the `Symbols` property, you can define a collection of symbols directly within the `SymbolGroupViewModel`, allowing for more customized symbol definitions.
+
+{% highlight xaml %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+
+![SymbolGroupViewModel](SymbolGroup_images/SGVMSymbols.png)
+
+[View Sample in GitHub](https://github.com/SyncfusionExamples/WPF-Diagram-Examples/tree/master/Samples/Stencil/SymbolGroupViewModel/BasicSymbolGroupViewModel)
+
+### Adding Symbols via CategorySource Property in SymbolGroupViewModel
+
+The `sfDiagram` resource dictionary includes a wide array of shapes organized into categorized lists. These shape paths are grouped into specific categories to simplify the process of adding them to the stencil, avoiding repetitive additions. Below are the built-in categories available in the diagram resource dictionary:
* BasicShapes
* FlowShapes
@@ -253,73 +305,52 @@ The built-in shape paths available in the diagram resource dictionary are groupe
* SwimlaneShapes
* BPMNEditorShapes
-{% tabs %}
-{% highlight xaml %}
-
-
-
-
-
-
-
-
-
-
-{% endhighlight %}
-{% endtabs %}
-
-![Basic Shapes](SymbolGroup_images/CategoryBasicShapes.png)
+You can also create custom symbol collections. This additional flexibility allows you to tailor the stencil to your specific needs beyond the built-in options.
-## Add the custom shapes categories
+To add symbols to a Stencil through `SymbolGroupViewModel`, you can utilize the `CategorySource` property, which allows you to bind a predefined collection of symbols based on a static resource key. This enables dynamic loading of symbols into the group, ensuring that any updates to the category collection are reflected in the symbol group automatically.
-The custom symbol collections can be added to the stencil by defining the custom symbol's resource collection.
-
-{% tabs %}
{% highlight xaml %}
-
-
- F1M1.66,0.25C0.882,0.25,0.25,0.881,0.25,1.66L0.25,24.622C0.25,25.401,0.882,26.032,1.66,26.032L4.48,26.032C5.259,26.032,5.89,25.401,5.89,24.622L5.89,1.66C5.89,0.881,5.259,0.25,4.48,0.25z
-
-
-
-
- Rectangle
- Cube
- Triangle
- Ellipse
- CustomPath
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+ F1M1.66,0.25C0.882,0.25,0.25,0.881,0.25,1.66L0.25,24.622C0.25,25.401,0.882,26.032,1.66,26.032L4.48,26.032C5.259,26.032,5.89,25.401,5.89,24.622L5.89,1.66C5.89,0.881,5.259,0.25,4.48,0.25z
+
+
+
+
+ Rectangle
+ Cube
+ Triangle
+ Ellipse
+ CustomPath
+
+
-
-
-
-
-
-
-
-
-
-{% endhighlight %}
-{% endtabs %}
+
+
+
+
+
+
+
+
+
-![Custom Shapes collection](SymbolGroup_images/CustomShapes.png)
+{% endhighlight %}
-N> The custom symbol collections should be added in the App.xaml file.
+![Category Source](SymbolGroup_images/BuiltInShapesList.png)
## Customize the appearance of the symbols in the built-in categories
@@ -381,51 +412,6 @@ public class StencilViewModel : Stencil
[View Sample in GitHub](https://github.com/SyncfusionExamples/WPF-Diagram-Examples/tree/master/Samples/Stencil/StencilCategory)
-## View Models for the SymbolGroups
-
-The `SfDiagram` provides supports to populate view models for each SymbolGroup created for the symbols added through the `SymbolSource` property.
-
-The [SymbolGroupViewModel](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.Stencil.SymbolGroupViewModel.html) class provides the support to create the view models to the symbol group and provides supports to add symbols to it as Node, Connectors, groups and list of predefined symbols.
-
-* [Name](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.Stencil.SymbolGroupViewModel.html#Syncfusion_UI_Xaml_Diagram_Stencil_SymbolGroupViewModel_Name): Specifies the display name of the symbol group. It also adds the symbols to the symbol groups defined through the `SymbolSource` property which symbol has same `Key` value as this `Name` property.
-* [Symbols](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.Stencil.SymbolGroupViewModel.html#Syncfusion_UI_Xaml_Diagram_Stencil_SymbolGroupViewModel_Symbols): Specifies the list of symbols need to be added to the symbol group. It can be any diagram elements of Nodes, Connectors, Groups, Containers, BPMN elements.
-* [CategorySource](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.Stencil.SymbolGroupViewModel.html#Syncfusion_UI_Xaml_Diagram_Stencil_SymbolGroupViewModel_CategorySource): Specifies the list of symbols need to be added to the `SymbolGroupViewModel` using the static resource key value from the predefined category collections.
-
-In addition to that, new symbols can be added into the symbol groups or you can remove the existing symbols from any symbol group at run time. As same as symbols, new symbol group can be added into the stencil and remove the existing symbol group from the stencil.
-
-{% highlight xaml %}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-{% endhighlight %}
-
-![SymbolGroupViewModel](SymbolGroup_images/SymbolGroupViewModel.png)
-
-[View Sample in GitHub](https://github.com/SyncfusionExamples/WPF-Diagram-Examples/tree/master/Samples/Stencil/SymbolGroupViewModel/BasicSymbolGroupViewModel)
## See also
diff --git a/wpf/Diagram/Stencil/SymbolGroup/SymbolGroup_images/BuiltInShapesList.png b/wpf/Diagram/Stencil/SymbolGroup/SymbolGroup_images/BuiltInShapesList.png
new file mode 100644
index 0000000000..ae01bf5045
Binary files /dev/null and b/wpf/Diagram/Stencil/SymbolGroup/SymbolGroup_images/BuiltInShapesList.png differ
diff --git a/wpf/Diagram/Stencil/SymbolGroup/SymbolGroup_images/SGVMSymbols.png b/wpf/Diagram/Stencil/SymbolGroup/SymbolGroup_images/SGVMSymbols.png
new file mode 100644
index 0000000000..cd15e77c8d
Binary files /dev/null and b/wpf/Diagram/Stencil/SymbolGroup/SymbolGroup_images/SGVMSymbols.png differ
diff --git a/wpf/Diagram/Stencil/SymbolSearch.md b/wpf/Diagram/Stencil/SymbolSearch.md
index 95b010617f..6511300268 100644
--- a/wpf/Diagram/Stencil/SymbolSearch.md
+++ b/wpf/Diagram/Stencil/SymbolSearch.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Symbol searching of stencil in WPF Diagram control | Syncfusion
-description: Learn here all about searching of stencil symbols in Syncfusion WPF Diagram (SfDiagram) control ports.
+title: Symbol searching of stencil in WPF Diagram control | Syncfusion®
+description: Learn here all about searching of stencil symbols in Syncfusion® WPF Diagram (SfDiagram) control ports.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Swimlane/Lane/Interaction.md b/wpf/Diagram/Swimlane/Lane/Interaction.md
index cf8450d1e4..eb4d663904 100644
--- a/wpf/Diagram/Swimlane/Lane/Interaction.md
+++ b/wpf/Diagram/Swimlane/Lane/Interaction.md
@@ -1,6 +1,6 @@
---
layout: post
-title: Visualize graphical object using Swimlanes | Syncfusion
+title: Visualize graphical object using Swimlanes | Syncfusion®
description: How to select, resize(with and without selection) and swap the lane and how to add the child element into lane?
platform: wpf
control: SfDiagram
diff --git a/wpf/Diagram/Swimlane/Lane/Lane.md b/wpf/Diagram/Swimlane/Lane/Lane.md
index 3eccd37d9f..f929472016 100644
--- a/wpf/Diagram/Swimlane/Lane/Lane.md
+++ b/wpf/Diagram/Swimlane/Lane/Lane.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Lane in WPF Diagram control | Syncfusion
-description: Learn here all about Lane support in Syncfusion WPF Diagram (SfDiagram) control, its elements and more.
+title: Lane in WPF Diagram control | Syncfusion®
+description: Learn here all about Lane support in Syncfusion® WPF Diagram (SfDiagram) control, its elements and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Swimlane/Phase.md b/wpf/Diagram/Swimlane/Phase.md
index cdc3db4071..7fcd69ab8a 100644
--- a/wpf/Diagram/Swimlane/Phase.md
+++ b/wpf/Diagram/Swimlane/Phase.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Phase in WPF Diagram control | Syncfusion
-description: Learn here all about Phase support in Syncfusion WPF Diagram (SfDiagram) control, its elements and more.
+title: Phase in WPF Diagram control | Syncfusion®
+description: Learn here all about Phase support in Syncfusion® WPF Diagram (SfDiagram) control, its elements and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Swimlane/Swimlane-Palette.md b/wpf/Diagram/Swimlane/Swimlane-Palette.md
index ff7d6033c1..41b1fe4ae3 100644
--- a/wpf/Diagram/Swimlane/Swimlane-Palette.md
+++ b/wpf/Diagram/Swimlane/Swimlane-Palette.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Swimlane-Stencil in WPF Diagram control | Syncfusion
-description: Learn here all about Swimlane-Stencil support in Syncfusion WPF Diagram (SfDiagram) control and more.
+title: Swimlane-Stencil in WPF Diagram control | Syncfusion®
+description: Learn here all about Swimlane-Stencil support in Syncfusion® WPF Diagram (SfDiagram) control and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Swimlane/Swimlane.md b/wpf/Diagram/Swimlane/Swimlane.md
index 541bba07b5..832a803751 100644
--- a/wpf/Diagram/Swimlane/Swimlane.md
+++ b/wpf/Diagram/Swimlane/Swimlane.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Swimlane in WPF Diagram control | Syncfusion
-description: Learn here all about Swimlane support in Syncfusion WPF Diagram (SfDiagram) control, its elements and more.
+title: Swimlane in WPF Diagram control | Syncfusion®
+description: Learn here all about Swimlane support in Syncfusion® WPF Diagram (SfDiagram) control, its elements and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Themes.md b/wpf/Diagram/Themes.md
index 205fdb0104..11fda62862 100644
--- a/wpf/Diagram/Themes.md
+++ b/wpf/Diagram/Themes.md
@@ -105,6 +105,8 @@ node.Annotations = new ObservableCollection()
[View Sample in GitHub](https://github.com/SyncfusionExamples/WPF-Diagram-Examples/tree/master/Samples/Theme/ThemeStyle).
+N> When you apply a theme, it affects all [SfDiagram](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.SfDiagram.html) elements and overrides any individual `ShapeStyle` settings for those elements. And also, you cannot update the `ShapeStyle` property for diagram elements when a theme is applied.
+
## See Also
[How to apply built-in theme for node and connector?](https://support.syncfusion.com/kb/article/9995/how-to-apply-built-in-theme-for-node-and-connector-in-wpf-diagram-sfdiagram)
\ No newline at end of file
diff --git a/wpf/Diagram/Tools.md b/wpf/Diagram/Tools.md
index 77d2a7be6d..04f0221111 100644
--- a/wpf/Diagram/Tools.md
+++ b/wpf/Diagram/Tools.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Tools in WPF Diagram control | Syncfusion
-description: Learn here all about Tools support in Syncfusion WPF Diagram (SfDiagram) control, its elements and more.
+title: Tools in WPF Diagram control | Syncfusion®
+description: Learn here all about Tools support in Syncfusion® WPF Diagram (SfDiagram) control, its elements and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/UMLDiagramShapes.md b/wpf/Diagram/UMLDiagramShapes.md
index c5bef3a31f..582699db45 100644
--- a/wpf/Diagram/UMLDiagramShapes.md
+++ b/wpf/Diagram/UMLDiagramShapes.md
@@ -1,7 +1,7 @@
---
layout: post
-title: UML Diagrams in WPF Diagram control | Syncfusion
-description: Learn here all about UML Diagram Shapes support in Syncfusion WPF Diagram (SfDiagram) control, its elements and more.
+title: UML Diagrams in WPF Diagram control | Syncfusion®
+description: Learn here all about UML Diagram Shapes support in Syncfusion® WPF Diagram (SfDiagram) control, its elements and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/UndoRedo.md b/wpf/Diagram/UndoRedo.md
index 78e01f71bc..16c1518c08 100644
--- a/wpf/Diagram/UndoRedo.md
+++ b/wpf/Diagram/UndoRedo.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Undo and Redo in WPF Diagram control | Syncfusion
-description: Learn here all about Undo and Redo support in Syncfusion WPF Diagram (SfDiagram) control, its elements and more.
+title: Undo and Redo in WPF Diagram control | Syncfusion®
+description: Learn here all about Undo and Redo support in Syncfusion® WPF Diagram (SfDiagram) control, its elements and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Diagram/Virtualization.md b/wpf/Diagram/Virtualization.md
index 577a3f98e9..73634a7622 100644
--- a/wpf/Diagram/Virtualization.md
+++ b/wpf/Diagram/Virtualization.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Virtualization in WPF Diagram control | Syncfusion
-description: Learn here all about Virtualization support in Syncfusion WPF Diagram (SfDiagram) control, its elements and more.
+title: Virtualization in WPF Diagram control | Syncfusion®
+description: Learn here all about Virtualization support in Syncfusion® WPF Diagram (SfDiagram) control, its elements and more.
platform: wpf
control: SfDiagram
documentation: ug
diff --git a/wpf/Gantt/data-binding.md b/wpf/Gantt/data-binding.md
index b1c6beefec..6c8ecdd9e7 100644
--- a/wpf/Gantt/data-binding.md
+++ b/wpf/Gantt/data-binding.md
@@ -25,14 +25,14 @@ The following code illustrates how to bind the Task Details to the Gantt Control
{% highlight xaml %}
-
-
@@ -45,19 +45,19 @@ The following code illustrates how to bind the Task Details to the Gantt Control
{% highlight c# %}
-this.ganttControl.ItemsSource = new ViewModel().TaskDetails;
-
// Task attribute mapping
TaskAttributeMapping taskAttributeMapping = new TaskAttributeMapping();
-taskAttributeMapping.TaskIdMapping = "ID";
-taskAttributeMapping.TaskNameMapping = "Name";
+taskAttributeMapping.TaskIdMapping = "TaskId";
+taskAttributeMapping.TaskNameMapping = "TaskName";
taskAttributeMapping.StartDateMapping = "StartDate";
-taskAttributeMapping.ChildMapping = "ChildCollection";
-taskAttributeMapping.FinishDateMapping = "EndDate";
+taskAttributeMapping.ChildMapping = "Child";
+taskAttributeMapping.FinishDateMapping = "FinishDate";
taskAttributeMapping.DurationMapping = "Duration";
taskAttributeMapping.ProgressMapping = "Progress";
this.ganttControl.TaskAttributeMapping = taskAttributeMapping;
+this.ganttControl.ItemsSource = new ViewModel().TaskDetails;
+
{% endhighlight %}
{% highlight c# tabtitle="ViewModel.cs" %}
@@ -178,8 +178,6 @@ The following code illustrate how to map the properties using the [TaskAttribute
{% endhighlight %}
{% highlight c# %}
-this.ganttControl.ItemsSource = new ViewModel().TaskDetails;
-
// Task attribute mapping
TaskAttributeMapping taskAttributeMapping = new TaskAttributeMapping();
taskAttributeMapping.TaskIdMapping = "ID";
@@ -193,6 +191,8 @@ taskAttributeMapping.PredecessorMapping = "Predecessor";
taskAttributeMapping.ResourceInfoMapping = "Resource";
this.ganttControl.TaskAttributeMapping = taskAttributeMapping;
+this.ganttControl.ItemsSource = new ViewModel().TaskCollection;
+
{% endhighlight %}
{% endtabs %}
@@ -222,8 +222,6 @@ The following code illustrates how to bind the external source to Gantt control:
{% endhighlight %}
{% highlight c# %}
-this.ganttControl.ItemsSource = new ViewModel().TaskCollection;
-
// Task attribute mapping
TaskAttributeMapping taskAttributeMapping = new TaskAttributeMapping();
taskAttributeMapping.TaskIdMapping = "ID";
@@ -237,6 +235,8 @@ taskAttributeMapping.PredecessorMapping = "Predecessor";
taskAttributeMapping.ResourceInfoMapping = "Resource";
this.ganttControl.TaskAttributeMapping = taskAttributeMapping;
+this.ganttControl.ItemsSource = new ViewModel().TaskCollection;
+
{% endhighlight %}
{% highlight c# tabtitle="Task.cs" %}
diff --git a/wpf/HeatMap/ColorMapping.md b/wpf/HeatMap/ColorMapping.md
index 48557a400c..35d95b8c41 100644
--- a/wpf/HeatMap/ColorMapping.md
+++ b/wpf/HeatMap/ColorMapping.md
@@ -1,7 +1,7 @@
---
layout: post
-title: ColorMapping in WPF HeatMap (SfHeatMap) control | Syncfusion
-description: How to configure colors codes for Syncfusion Essential Studio WPF HeatMap (SfHeatMap) control, its elements and more.
+title: ColorMapping in WPF HeatMap (SfHeatMap) control | Syncfusion®
+description: How to configure colors codes for Syncfusion® Essential Studio® WPF HeatMap (SfHeatMap) control, its elements and more.
platform: wpf
control: SfHeatMap
documentation: ug
diff --git a/wpf/HeatMap/Getting-Started.md b/wpf/HeatMap/Getting-Started.md
index 3cfcf136a5..1c7cd21712 100644
--- a/wpf/HeatMap/Getting-Started.md
+++ b/wpf/HeatMap/Getting-Started.md
@@ -1,6 +1,6 @@
---
layout: post
-title: Getting started with Syncfusion Essential SfHeatMap for WPF.
+title: Getting started with Syncfusion® Essential® SfHeatMap for WPF.
description: This section explain about how to integrate WPF HeatMap (SfHeatMap) into an applicationl and enable its basic features with example.
platform: wpf
control: SfHeatMap
@@ -33,7 +33,7 @@ The SfHeatMap exists in the Syncfusion.UI.Xaml.HeatMap namespace. Initialize SfH
{% endhighlight %}
-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. Please refer to this [link](https://help.syncfusion.com/common/essential-studio/licensing/overview) to know about registering Syncfusion license key in your WPF application to use our components.
+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. Please refer to this [link](https://help.syncfusion.com/common/essential-studio/licensing/overview) to know about registering Syncfusion® license key in your WPF application to use our components.
## Prepare data
diff --git a/wpf/HeatMap/ItemsMapping.md b/wpf/HeatMap/ItemsMapping.md
index ca11c9ba08..b020a31d74 100644
--- a/wpf/HeatMap/ItemsMapping.md
+++ b/wpf/HeatMap/ItemsMapping.md
@@ -1,7 +1,7 @@
---
layout: post
-title: ItemsMapping in WPF HeatMap (SfHeatMap) control | Syncfusion
-description: Learn here about ItemsMapping in Syncfusion Essential Studio WPF HeatMap (SfHeatMap) control, its elements and more.
+title: ItemsMapping in WPF HeatMap (SfHeatMap) control | Syncfusion®
+description: Learn here about ItemsMapping in Syncfusion® Essential Studio® WPF HeatMap (SfHeatMap) control, its elements and more.
platform: wpf
control: SfHeatMap
documentation: ug
diff --git a/wpf/HeatMap/Legend.md b/wpf/HeatMap/Legend.md
index a51790c042..aaefc1b2cb 100644
--- a/wpf/HeatMap/Legend.md
+++ b/wpf/HeatMap/Legend.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Legend in WPF HeatMap (SfHeatMap) control | Syncfusion
-description: How to create and configure legend for Syncfusion Essential Studio WPF HeatMap (SfHeatMap) control, its elements and more.
+title: Legend in WPF HeatMap (SfHeatMap) control | Syncfusion®
+description: How to create and configure legend for Syncfusion® Essential Studio® WPF HeatMap (SfHeatMap) control, its elements and more.
platform: wpf
control: SfHeatMap
documentation: ug
diff --git a/wpf/HeatMap/Overview.md b/wpf/HeatMap/Overview.md
index c86820222e..d248138d25 100644
--- a/wpf/HeatMap/Overview.md
+++ b/wpf/HeatMap/Overview.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Overview of WPF HeatMap (SfHeatMap) Control | Syncfusion
-description: Learn here all about overview of Syncfusion Essential Studio WPF HeatMap (SfHeatMap) control, its elements, and more.
+title: Overview of WPF HeatMap (SfHeatMap) Control | Syncfusion®
+description: Learn here all about overview of Syncfusion® Essential Studio® WPF HeatMap (SfHeatMap) control, its elements, and more.
platform: wpf
control: SfHeatMap
documentation: ug
@@ -9,7 +9,7 @@ documentation: ug
# Overview of WPF HeatMap (SfHeatMap)
-**Essential HeatMap WPF** represents tabular data values as gradient colors instead of numbers. Low and high values are different colors with different gradients.
+**Essential® HeatMap WPF** represents tabular data values as gradient colors instead of numbers. Low and high values are different colors with different gradients.
![Overview_Image](Images/Overview_img1.jpeg)
diff --git a/wpf/Image-Editor/Images/text-setting-toolbar-in-wpf-image-editor.gif b/wpf/Image-Editor/Images/text-setting-toolbar-in-wpf-image-editor.gif
new file mode 100644
index 0000000000..7e9bd4a5bf
Binary files /dev/null and b/wpf/Image-Editor/Images/text-setting-toolbar-in-wpf-image-editor.gif differ
diff --git a/wpf/Image-Editor/Images/text-settings-in-wpf-image-editor.jpg b/wpf/Image-Editor/Images/text-settings-in-wpf-image-editor.jpg
new file mode 100644
index 0000000000..7e4dcc1612
Binary files /dev/null and b/wpf/Image-Editor/Images/text-settings-in-wpf-image-editor.jpg differ
diff --git a/wpf/Image-Editor/Text.md b/wpf/Image-Editor/Text.md
index 56c7c46a40..a262791d65 100644
--- a/wpf/Image-Editor/Text.md
+++ b/wpf/Image-Editor/Text.md
@@ -18,10 +18,13 @@ You can annotate an image by adding the desired text to it. This can be done in
To add text, click the Text icon (T) in the toolbar. Now, the text will be added at the center of the image along with the selection handle, which helps in resizing. By default, the added text will be in pan mode, so you can position the text anywhere by dragging it. By clicking the text, it will change into typing mode, and you can edit the text directly. Click outside to exit from typing mode.
+![Text-settings-toolbar-in-WPF-ImageEditor](Images/text-setting-toolbar-in-wpf-image-editor.gif)
+
## Customization
The following properties of the added text can be customized:
+* Background
* Font family
* Font size
* Font color
@@ -32,6 +35,10 @@ Upon selecting the Text icon in the toolbar, a sub toolbar will be generated bel
>N Text needs to be selected to apply the customization from the sub toolbar.
+### Background
+
+You can customize the text background color by clicking on the fill icon, choosing a color from the color picker, and applying it to the background.
+
### Font family
Font family icon lists out the predefined system font families. You can select the required font family.
@@ -52,28 +59,38 @@ You can make the text bold, italic, or underline by clicking the corresponding i
Text can be aligned to the left, center, or right by clicking the corresponding icon. By default, text will be aligned at the left.
-
## Adding text programmatically
You can add text to an image using the AddText method programmatically. This method requires the following parameters:
-* Text – Specifies the content you need to add on the image.
-* TextSettings - Customizes the text.
+* Text - Defines the content to be displayed on the image.
+* TextSettings - Allows customization of the text's appearance, including options for background, font family, font size, and font color. You can adjust the alignment (center, left, right) and improve the text with effects such as bold, italic, and underline.
{% tabs %}
+{% highlight XAML %}
-{% highlight C# %}
-
-editor.AddText("Hello", new TextSettings());
+
+
{% endhighlight %}
+{% highlight C# hl_lines="5" %}
+
+this.editor.Loaded += this.OnImageEditorLoaded;
+
+private void OnImageEditorLoaded(object sender, RoutedEventArgs e)
+{
+ this.editor.AddText("Hello", new TextSettings());
+}
+{% endhighlight %}
{% endtabs %}
## Text settings
Using the following properties in TextSettings, text can be customized.
+* [`Background`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.ImageEditor.TextSettings.html#Syncfusion_UI_Xaml_ImageEditor_TextSettings_Background) - Specifies the background color of the text annotation. The default value is `Brush.Transparent.`
* [`FontFamily`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.ImageEditor.TextSettings.html#Syncfusion_UI_Xaml_ImageEditor_TextSettings_FontFamily) - Changes the font family of the text.
* [`FontSize`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.ImageEditor.TextSettings.html#Syncfusion_UI_Xaml_ImageEditor_TextSettings_FontSize) - Changes the font size of the text.
* [`Color`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.ImageEditor.TextSettings.html#Syncfusion_UI_Xaml_ImageEditor_TextSettings_Color) - Modifies the font color of the text.
@@ -86,32 +103,43 @@ Using the following properties in TextSettings, text can be customized.
>N Values of bounds will be in percentage. For example (25, 25, 25, 25) will take the position of 25 percent from the left and top.
{% tabs %}
+{% highlight XAML %}
-{% highlight C# %}
-
- TextSettings textSettings = new TextSettings();
- textSettings.FontFamily = new FontFamily("Century Schoolbook");
- textSettings.FontSize = 30;
- textSettings.Color = new SolidColorBrush(Colors.Red);
- textSettings.TextEffects = TextEffects.Bold | TextEffects.Italic;
- textSettings.Bounds = new Rect(50, 10, 50, 15);
- editor.AddText("Good morning", textSettings);
-
- textSettings = new TextSettings();
- textSettings.FontFamily = new FontFamily("Bell MT");
- textSettings.FontSize = 22;
- textSettings.Color = new SolidColorBrush(Colors.DarkGreen);
- textSettings.TextEffects = TextEffects.Italic;
- textSettings.Bounds = new Rect(50, 23, 30, 15);
- textSettings.TextAlignment = TextAlignment.Center;
- editor.AddText("The happiness of your \nlife depend upon the \nquality of your thoughts.", textSettings);
-
+
+
{% endhighlight %}
+{% highlight C# %}
+
+this.editor.Loaded += this.OnImageEditorLoaded;
+
+private void OnImageEditorLoaded(object sender, RoutedEventArgs e)
+{
+ TextSettings textSettings = new TextSettings();
+ textSettings.Background = new SolidColorBrush(Colors.PeachPuff);
+ textSettings.FontFamily = new FontFamily("Century Schoolbook");
+ textSettings.FontSize = 30;
+ textSettings.Color = new SolidColorBrush(Colors.Red);
+ textSettings.TextEffects = TextEffects.Bold | TextEffects.Italic;
+ textSettings.Bounds = new Rect(50, 10, 50, 15);
+ this.editor.AddText("Good morning", textSettings);
+
+ textSettings = new TextSettings();
+ textSettings.Background = new SolidColorBrush(Colors.LightYellow);
+ textSettings.FontFamily = new FontFamily("Bell MT");
+ textSettings.FontSize = 22;
+ textSettings.Color = new SolidColorBrush(Colors.Teal);
+ textSettings.TextEffects = TextEffects.Italic;
+ textSettings.Bounds = new Rect(50, 23, 30, 15);
+ textSettings.TextAlignment = TextAlignment.Center;
+ this.editor.AddText("The happiness of your \nlife depend upon the \nquality of your thoughts.", textSettings);
+}
+{% endhighlight %}
{% endtabs %}
-![Text](Images/Text.jpg)
+![Text-settings-in-WPF-Image-editor](Images/text-settings-in-wpf-image-editor.jpg)
## See also
diff --git a/wpf/Linear-ProgressBar/Appearance.md b/wpf/Linear-ProgressBar/Appearance.md
index 56edf503c5..e8f52bf69f 100644
--- a/wpf/Linear-ProgressBar/Appearance.md
+++ b/wpf/Linear-ProgressBar/Appearance.md
@@ -1,8 +1,8 @@
---
layout: post
-title: Appearance of the WPF Linear ProgressBar control | Syncfusion
-description: Learn here about appearance and look of the Syncfusion WPF Linear ProgressBar control and more details.
-platform: WPF
+title: Appearance of the WPF Linear ProgressBar control | Syncfusion®
+description: Learn here about appearance and look of the Syncfusion® WPF Linear ProgressBar control and more details.
+platform: wpf
control: SfLinearProgressBar
documentation: ug
---
diff --git a/wpf/Linear-ProgressBar/Getting-Started.md b/wpf/Linear-ProgressBar/Getting-Started.md
index 0a90c4db9a..8052b3ae69 100644
--- a/wpf/Linear-ProgressBar/Getting-Started.md
+++ b/wpf/Linear-ProgressBar/Getting-Started.md
@@ -1,8 +1,8 @@
---
layout: post
-title: Getting started with WPF Linear ProgressBar control | Syncfusion
-description: Learn here about getting started with the Syncfusion WPF Linear ProgressBar control and more details.
-platform: WPF
+title: Getting started with WPF Linear ProgressBar control | Syncfusion®
+description: Learn here about getting started with the Syncfusion® WPF Linear ProgressBar control and more details.
+platform: wpf
control: SfLinearProgressBar
documentation: ug
---
@@ -31,7 +31,7 @@ To add control manually in XAML, follow the given steps:
1. Add the following required assembly reference to the project:
* Syncfusion.SfProgressBar.WPF
-2. Import Syncfusion WPF schema **http://schemas.syncfusion.com/wpf** in the XAML page.
+2. Import Syncfusion® WPF schema **http://schemas.syncfusion.com/wpf** in the XAML page.
3. Declare the SfLinearProgressBar control in the XAML page.
{% capture codesnippet1 %}
diff --git a/wpf/Linear-ProgressBar/Overview.md b/wpf/Linear-ProgressBar/Overview.md
index c6601a020c..f45eaf3468 100644
--- a/wpf/Linear-ProgressBar/Overview.md
+++ b/wpf/Linear-ProgressBar/Overview.md
@@ -1,8 +1,8 @@
---
layout: post
-title: About WPF Linear ProgressBar control | Syncfusion
-description: Learn here all about introduction of Syncfusion WPF Linear ProgressBar control, its feature and more details.
-platform: WPF
+title: About WPF Linear ProgressBar control | Syncfusion®
+description: Learn here all about introduction of Syncfusion® WPF Linear ProgressBar control, its feature and more details.
+platform: wpf
control: SfLinearProgressBar
documentation: ug
---
diff --git a/wpf/Linear-ProgressBar/Segment.md b/wpf/Linear-ProgressBar/Segment.md
index 6ee7123c8a..7a8599998e 100644
--- a/wpf/Linear-ProgressBar/Segment.md
+++ b/wpf/Linear-ProgressBar/Segment.md
@@ -1,8 +1,8 @@
---
layout: post
-title: Segment of the WPF Linear ProgressBar control | Syncfusion
-description: Learn here about segment support with corner radius in the Syncfusion WPF Linear ProgressBar control and more details.
-platform: WPF
+title: Segment of the WPF Linear ProgressBar control | Syncfusion®
+description: Learn here about segment support with corner radius in the Syncfusion® WPF Linear ProgressBar control and more details.
+platform: wpf
control: SfLinearProgressBar
documentation: ug
---
diff --git a/wpf/Linear-ProgressBar/States.md b/wpf/Linear-ProgressBar/States.md
index 0faad3ef0e..5ac7c89162 100644
--- a/wpf/Linear-ProgressBar/States.md
+++ b/wpf/Linear-ProgressBar/States.md
@@ -1,8 +1,8 @@
---
layout: post
-title: States of the WPF Linear ProgressBar control | Syncfusion
-description: Learn here about states like determinate, indeterminate and Buffer in the Syncfusion WPF Linear ProgressBar control and more details.
-platform: WPF
+title: States of the WPF Linear ProgressBar control | Syncfusion®
+description: Learn here about states like determinate, indeterminate and Buffer in the Syncfusion® WPF Linear ProgressBar control and more details.
+platform: wpf
control: SfLinearProgressBar
documentation: ug
---
diff --git a/wpf/Maps/Marker_images/marker-template-selector-support-in-wpf-maps.png b/wpf/Maps/Marker_images/marker-template-selector-support-in-wpf-maps.png
new file mode 100644
index 0000000000..b2bbef490f
Binary files /dev/null and b/wpf/Maps/Marker_images/marker-template-selector-support-in-wpf-maps.png differ
diff --git a/wpf/Maps/Marker_images/marker-template-support-in-wpf-maps.png b/wpf/Maps/Marker_images/marker-template-support-in-wpf-maps.png
new file mode 100644
index 0000000000..38686e9514
Binary files /dev/null and b/wpf/Maps/Marker_images/marker-template-support-in-wpf-maps.png differ
diff --git a/wpf/Maps/Markers.md b/wpf/Maps/Markers.md
index 2d7e694761..54082f9228 100644
--- a/wpf/Maps/Markers.md
+++ b/wpf/Maps/Markers.md
@@ -83,50 +83,174 @@ N> You must create a model that contains properties such as Latitude and Longitu
## Add a custom marker
-The Maps control provides the support for defining the custom markers using the [`MarkerTemplate`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Maps.ShapeFileLayer.html#Syncfusion_UI_Xaml_Maps_ShapeFileLayer_MarkerTemplate) property.
+The marker appearance customization can be achieved by using the [`MarkerTemplate`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Maps.ShapeFileLayer.html#Syncfusion_UI_Xaml_Maps_ShapeFileLayer_MarkerTemplate) and [`MarkerTemplateSelector`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Maps.MapLayer.html#Syncfusion_UI_Xaml_Maps_MapLayer_MarkerTemplateSelector) properties of [`ImageryLayer`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Maps.ImageryLayer.html) and [`ShapeFileLayer`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Maps.ShapeFileLayer.html) in the [`SfMap`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Maps.SfMap.html).
-{% tabs %}
+### Customize marker appearance using DataTemplate
-{% highlight xaml %}
+You can customize the marker appearance by using the [`MarkerTemplate`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Maps.ShapeFileLayer.html#Syncfusion_UI_Xaml_Maps_ShapeFileLayer_MarkerTemplate) property of [`ImageryLayer`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Maps.ImageryLayer.html) and [`ShapeFileLayer`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Maps.ShapeFileLayer.html) in the [`SfMap`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Maps.SfMap.html).
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+{% tabs %}
+{% highlight xaml hl_lines="21" %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
{% endhighlight %}
+{% highlight c# hl_lines="3" %}
+ShapeFileLayer shape = new ShapeFileLayer();
+shape.Uri = "Maps.ShapeFiles.world1.shp";
+shape.MarkerTemplate= this.Resources["markerTemplate"] as DataTemplate;
+shape.Markers = view.Models;
+this.maps.Layers.Add(shape);
+{% endhighlight %}
+{% highlight c# tabtitle="MarkerDetails.cs" %}
+public class MarkerDetails
+{
+ public string Label { get; set; }
+ public string Longitude { get; set; }
+ public string Latitude { get; set; }
+}
+{% endhighlight %}
+{% highlight c# tabtitle="MapsViewModel.cs" %}
+public class MapsViewModel
+{
+ public ObservableCollection Markers { get; set; }
-{% highlight c# %}
+ public MapsViewModel()
+ {
+ this.Markers = new ObservableCollection();
+ this.Markers.Add(new MarkerDetails() { Label = "India", Latitude = "21.0000N", Longitude = "78.0000E" });
+ this.Markers.Add(new MarkerDetails() { Label = "China", Latitude = "35.0000N", Longitude = "103.0000E" });
+ this.Markers.Add(new MarkerDetails() { Label = "Brazil", Latitude = "15.7833S", Longitude = "47.8667W" });
+ }
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+![Marker-template-support-in-WPF-Maps](Marker_images/marker-template-support-in-wpf-maps.png)
+
+### Customize marker appearance using DataTemplateSelector
- SfMap maps = new SfMap();
- ShapeFileLayer shape = new ShapeFileLayer();
- shape.Uri = "Maps.ShapeFiles.world1.shp";
- shape.MarkerTemplate=Resources["markerTemplate"] as DataTemplate;
- shape.Markers = view.Models;
- maps.Layers.Add(shape);
- this.Content = maps;
+You can customize the marker appearance by using the [`MarkerTemplateSelector`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Maps.MapLayer.html#Syncfusion_UI_Xaml_Maps_MapLayer_MarkerTemplateSelector) property of [`ImageryLayer`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Maps.ImageryLayer.html) and [`ShapeFileLayer`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Maps.ShapeFileLayer.html) in the [`SfMap`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Maps.SfMap.html). The `DataTemplateSelector` can choose a `DataTemplate` at runtime based on the value of a data-bound to marker appearance by using the [`MarkerTemplateSelector`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Maps.MapLayer.html#Syncfusion_UI_Xaml_Maps_MapLayer_MarkerTemplateSelector). It allows you to choose a different data template for each marker, as well as to customize the appearance of a particular marker based on certain conditions.
+
+{% tabs %}
+{% highlight xaml hl_lines="31 34" %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
{% endhighlight %}
+{% highlight c# tabtitle="MarkerTemplateSelector.cs" %}
+public class MarkerTemplateSelector : DataTemplateSelector
+{
+ public DataTemplate AsiaMarkerTemplate { get; set; }
+ public DataTemplate SouthAmericaMarkerTemplate { get; set; }
+
+ public override DataTemplate SelectTemplate(object item, DependencyObject container)
+ {
+ if (item is CustomDataSymbol customDataSymbol && customDataSymbol.Data != null)
+ {
+ var value = customDataSymbol.Data as MarkerDetails;
+ if (value.Label == "India" || value.Label == "China")
+ {
+ return this.AsiaMarkerTemplate;
+ }
+
+ return this.SouthAmericaMarkerTemplate;
+ }
+
+ return base.SelectTemplate(item, container);
+ }
+}
+{% endhighlight %}
+{% highlight c# tabtitle="MarkerDetails.cs" %}
+public class MarkerDetails
+{
+ public string Label { get; set; }
+ public string Longitude { get; set; }
+ public string Latitude { get; set; }
+}
+{% endhighlight %}
+{% highlight c# tabtitle="MapsViewModel.cs" %}
+public class MapsViewModel
+{
+ public ObservableCollection Markers { get; set; }
+ public MapsViewModel()
+ {
+ this.Markers = new ObservableCollection();
+ this.Markers.Add(new MarkerDetails() { Label = "India", Latitude = "21.0000N", Longitude = "78.0000E" });
+ this.Markers.Add(new MarkerDetails() { Label = "China", Latitude = "35.0000N", Longitude = "103.0000E" });
+ this.Markers.Add(new MarkerDetails() { Label = "Brazil", Latitude = "15.7833S", Longitude = "47.8667W" });
+ }
+}
+{% endhighlight %}
{% endtabs %}
-![Custom Marker Image](Marker_images/Marker_CustomMarkerImg.png)
+![Marker-template-selector-support-in-WPF-Maps](Marker_images/marker-template-selector-support-in-wpf-maps.png)
+
+N>
+* The `DataContext` for both the [`MarkerTemplate`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Maps.ShapeFileLayer.html#Syncfusion_UI_Xaml_Maps_ShapeFileLayer_MarkerTemplate) and [`MarkerTemplateSelector`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Maps.MapLayer.html#Syncfusion_UI_Xaml_Maps_MapLayer_MarkerTemplateSelector) properties of the [`ImageryLayer`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Maps.ImageryLayer.html) and [`ShapeFileLayer`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Maps.ShapeFileLayer.html) in the SfMap is set to [`CustomDataSymbol`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Maps.CustomDataSymbol.html).
## Customizing marker icons
diff --git a/wpf/OLAP-Chart/Appearance.md b/wpf/OLAP-Chart/Appearance.md
index 68fdcfe586..d173bdf962 100644
--- a/wpf/OLAP-Chart/Appearance.md
+++ b/wpf/OLAP-Chart/Appearance.md
@@ -1,7 +1,7 @@
---
layout: post
title: Appearance in WPF Olap Chart control | Syncfusion
-description: Learn about Appearance support in Syncfusion Essential Studio WPF Olap Chart control, its elements and more details.
+description: Learn about Appearance support in Syncfusion Essential Studio® WPF Olap Chart control, its elements and more details.
platform: wpf
control: OLAP Chart
documentation: ug
diff --git a/wpf/OLAP-Chart/Area.md b/wpf/OLAP-Chart/Area.md
index 3d83573190..d593c62cbe 100644
--- a/wpf/OLAP-Chart/Area.md
+++ b/wpf/OLAP-Chart/Area.md
@@ -1,7 +1,7 @@
---
layout: post
title: Area in WPF Olap Chart control | Syncfusion
-description: Learn about Area support in Syncfusion Essential Studio WPF Olap Chart control, its elements and more details.
+description: Learn about Area support in Syncfusion Essential Studio® WPF Olap Chart control, its elements and more details.
platform: wpf
control: OLAP Chart
documentation: ug
diff --git a/wpf/OLAP-Chart/Axes.md b/wpf/OLAP-Chart/Axes.md
index c024834fa8..e9ad6fd698 100644
--- a/wpf/OLAP-Chart/Axes.md
+++ b/wpf/OLAP-Chart/Axes.md
@@ -1,7 +1,7 @@
---
layout: post
title: Axes in WPF Olap Chart control | Syncfusion
-description: Learn about Axes support in Syncfusion Essential Studio WPF Olap Chart control, its elements and more details.
+description: Learn about Axes support in Syncfusion Essential Studio® WPF Olap Chart control, its elements and more details.
platform: wpf
control: OLAP Chart
documentation: ug
diff --git a/wpf/OLAP-Chart/Chart-Types.md b/wpf/OLAP-Chart/Chart-Types.md
index 255d573076..307f1b15cf 100644
--- a/wpf/OLAP-Chart/Chart-Types.md
+++ b/wpf/OLAP-Chart/Chart-Types.md
@@ -1,7 +1,7 @@
---
layout: post
title: Chart Types in WPF Olap Chart control | Syncfusion
-description: Learn about Chart Types support in Syncfusion Essential Studio WPF Olap Chart control, its elements and more details.
+description: Learn about Chart Types support in Syncfusion Essential Studio® WPF Olap Chart control, its elements and more details.
platform: wpf
control: OLAP Chart
documentation: ug
diff --git a/wpf/OLAP-Chart/Chart-type-for-specific-series.md b/wpf/OLAP-Chart/Chart-type-for-specific-series.md
index f9f91507ed..449b15ce6e 100644
--- a/wpf/OLAP-Chart/Chart-type-for-specific-series.md
+++ b/wpf/OLAP-Chart/Chart-type-for-specific-series.md
@@ -1,7 +1,7 @@
---
layout: post
title: Chart Type for Specific Series in WPF Olap Chart| Syncfusion
-description: Learn about Chart Type for Specific Series support in Syncfusion Essential Studio WPF Olap Chart control and more.
+description: Learn about Chart Type for Specific Series support in Syncfusion Essential Studio® WPF Olap Chart control and more.
platform: wpf
control: OLAP Chart
documentation: ug
diff --git a/wpf/OLAP-Chart/Data-Binding.md b/wpf/OLAP-Chart/Data-Binding.md
index 496cb618bd..fa175c6e2e 100644
--- a/wpf/OLAP-Chart/Data-Binding.md
+++ b/wpf/OLAP-Chart/Data-Binding.md
@@ -1,7 +1,7 @@
---
layout: post
title: Data Binding in WPF Olap Chart control | Syncfusion
-description: Learn about Data Binding support in Syncfusion WPF Olap Chart control, its elements and more details.
+description: Learn about Data Binding support in Syncfusion® WPF Olap Chart control, its elements and more details.
platform: wpf
control: OLAP Chart
documentation: ug
diff --git a/wpf/OLAP-Chart/Drill-Operation.md b/wpf/OLAP-Chart/Drill-Operation.md
index 40947705ff..34d716e9f6 100644
--- a/wpf/OLAP-Chart/Drill-Operation.md
+++ b/wpf/OLAP-Chart/Drill-Operation.md
@@ -1,7 +1,7 @@
---
layout: post
title: Drill Operation in WPF Olap Chart control | Syncfusion
-description: Learn about Drill Operation support in Syncfusion Essential Studio WPF Olap Chart control, its elements and more details.
+description: Learn about Drill Operation support in Syncfusion Essential Studio® WPF Olap Chart control, its elements and more details.
platform: wpf
control: OLAP Chart
documentation: ug
diff --git a/wpf/OLAP-Chart/Exporting.md b/wpf/OLAP-Chart/Exporting.md
index 23a4e85eb8..f6f3dcc93e 100644
--- a/wpf/OLAP-Chart/Exporting.md
+++ b/wpf/OLAP-Chart/Exporting.md
@@ -1,7 +1,7 @@
---
layout: post
title: Exporting in WPF Olap Chart control | Syncfusion
-description: Learn about Exporting support in Syncfusion Essential Studio WPF Olap Chart control, its elements and more details.
+description: Learn about Exporting support in Syncfusion Essential Studio® WPF Olap Chart control, its elements and more details.
platform: wpf
control: OLAP Chart
documentation: ug
diff --git a/wpf/OLAP-Chart/Getting-Started.md b/wpf/OLAP-Chart/Getting-Started.md
index 5d4bf2f94d..8361164f01 100644
--- a/wpf/OLAP-Chart/Getting-Started.md
+++ b/wpf/OLAP-Chart/Getting-Started.md
@@ -1,7 +1,7 @@
---
layout: post
title: Getting Started with WPF Olap Chart control | Syncfusion
-description: Learn here about getting started with Syncfusion WPF Olap Chart control, its elements and more details.
+description: Learn here about getting started with Syncfusion® WPF Olap Chart control, its elements and more details.
platform: wpf
control: OLAP Chart
documentation: ug
@@ -10,7 +10,7 @@ documentation: ug
# Getting Started with WPF Olap Chart
>**Important**
-Starting with v16.2.0.x, if you refer to Syncfusion assemblies from trial setup or from the NuGet feed, 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 the components.
+Starting with v16.2.0.x, if you refer to Syncfusion® assemblies from trial setup or from the NuGet feed, 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 the components.
This section covers the information required to create a simple OLAP chart bound to the OLAP data source.
@@ -18,7 +18,7 @@ This section covers the information required to create a simple OLAP chart bound
Open the Visual Studio IDE and navigate to File > New > Project > WPF Application (inside Visual C# Templates) to create a new WPF application.
-After the WPF application is created, go to View menu and select Toolbox option. Now, the toolbox will appear inside the Visual Studio IDE. From the Visual Studio Toolbox, drag the OLAP chart under the **Syncfusion BI WPF** tag. It will automatically add the required assemblies to the application.
+After the WPF application is created, go to View menu and select Toolbox option. Now, the toolbox will appear inside the Visual Studio IDE. From the Visual Studio Toolbox, drag the OLAP chart under the **Syncfusion® BI WPF** tag. It will automatically add the required assemblies to the application.
![WPF OLAP Chart Getting-Started Image1](Getting-Started_images/Getting-Started_img1.png)
@@ -323,7 +323,7 @@ Run the application. The following output will be generated.
Open the Visual Studio IDE and navigate to File > New > Project > WPF Application (inside Visual C# Templates) to create a new WPF application.
-To add the dependency assemblies within the application, right-click **References** in the solution explorer and select **Add Reference**. Then, add the following Syncfusion assemblies manually to the project from the installed location.
+To add the dependency assemblies within the application, right-click **References** in the solution explorer and select **Add Reference**. Then, add the following Syncfusion® assemblies manually to the project from the installed location.
* Syncfusion.Chart.WPF
* Syncfusion.Core
diff --git a/wpf/OLAP-Chart/KPI.md b/wpf/OLAP-Chart/KPI.md
index d87d1a1610..a390d2788f 100644
--- a/wpf/OLAP-Chart/KPI.md
+++ b/wpf/OLAP-Chart/KPI.md
@@ -1,7 +1,7 @@
---
layout: post
title: KPI in WPF Olap Chart control | Syncfusion
-description: Learn about KPI support in Syncfusion Essential Studio WPF Olap Chart control, its elements and more details.
+description: Learn about KPI support in Syncfusion Essential Studio® WPF Olap Chart control, its elements and more details.
platform: wpf
control: OLAP Chart
documentation: ug
diff --git a/wpf/OLAP-Chart/Legend.md b/wpf/OLAP-Chart/Legend.md
index de66dad6c7..cee4de986d 100644
--- a/wpf/OLAP-Chart/Legend.md
+++ b/wpf/OLAP-Chart/Legend.md
@@ -1,7 +1,7 @@
---
layout: post
title: Legend in WPF Olap Chart control | Syncfusion
-description: Learn about Legend support in Syncfusion Essential Studio WPF Olap Chart control, its elements and more details.
+description: Learn about Legend support in Syncfusion Essential Studio® WPF Olap Chart control, its elements and more details.
platform: wpf
control: OLAP Chart
documentation: ug
diff --git a/wpf/OLAP-Chart/Localization.md b/wpf/OLAP-Chart/Localization.md
index c5491c859a..b68772747b 100644
--- a/wpf/OLAP-Chart/Localization.md
+++ b/wpf/OLAP-Chart/Localization.md
@@ -1,7 +1,7 @@
---
layout: post
title: Localization in WPF Olap Chart control | Syncfusion
-description: Learn about Localization support in Syncfusion WPF Olap Chart control, its elements and more details.
+description: Learn about Localization support in Syncfusion® WPF Olap Chart control, its elements and more details.
platform: wpf
control: OLAP Chart
documentation: ug
diff --git a/wpf/OLAP-Chart/Overview.md b/wpf/OLAP-Chart/Overview.md
index 9cdb4d8beb..21ea5a5af2 100644
--- a/wpf/OLAP-Chart/Overview.md
+++ b/wpf/OLAP-Chart/Overview.md
@@ -1,7 +1,7 @@
---
layout: post
title: About WPF Olap Chart control | Syncfusion
-description: Learn here all about introduction of Syncfusion WPF Olap Chart control, its elements and more details.
+description: Learn here all about introduction of Syncfusion® WPF Olap Chart control, its elements and more details.
platform: wpf
control: OLAP Chart
documentation: ug
diff --git a/wpf/OLAP-Chart/Paging.md b/wpf/OLAP-Chart/Paging.md
index 377bfb02c7..ab8c21a079 100644
--- a/wpf/OLAP-Chart/Paging.md
+++ b/wpf/OLAP-Chart/Paging.md
@@ -1,7 +1,7 @@
---
layout: post
title: Paging in WPF Olap Chart control | Syncfusion
-description: Learn about Paging support in Syncfusion Essential Studio WPF Olap Chart control, its elements and more details.
+description: Learn about Paging support in Syncfusion Essential Studio® WPF Olap Chart control, its elements and more details.
platform: wpf
control: OLAP Chart
documentation: ug
@@ -15,7 +15,7 @@ A OLAP pager (user control) is included and bound with the OlapDataManager objec
When you process the large CellSet, it is split into several number of segments and each segment is assigned and rendered in a separate page. You can navigate back and forth in all possible ways by using the UI options in the OLAP pager. You can also change the page size and other pager settings at runtime by using the **PageSetting** window.
-Include the following Syncfusion assembly from the installed location to add the OLAP pager (User Control) with OLAP chart.
+Include the following Syncfusion® assembly from the installed location to add the OLAP pager (User Control) with OLAP chart.
* Syncfusion.OlapShared.Wpf
diff --git a/wpf/OLAP-Chart/Palette.md b/wpf/OLAP-Chart/Palette.md
index c14616a8a3..54f957ebcc 100644
--- a/wpf/OLAP-Chart/Palette.md
+++ b/wpf/OLAP-Chart/Palette.md
@@ -1,7 +1,7 @@
---
layout: post
title: Palette in WPF Olap Chart control | Syncfusion
-description: Learn about Palette support in Syncfusion Essential Studio WPF Olap Chart control, its elements and more details.
+description: Learn about Palette support in Syncfusion Essential Studio® WPF Olap Chart control, its elements and more details.
platform: wpf
control: OLAP Chart
documentation: ug
diff --git a/wpf/OLAP-Chart/Printing.md b/wpf/OLAP-Chart/Printing.md
index af0cb71bb2..d898a80a5a 100644
--- a/wpf/OLAP-Chart/Printing.md
+++ b/wpf/OLAP-Chart/Printing.md
@@ -1,7 +1,7 @@
---
layout: post
title: Printing in WPF Olap Chart control | Syncfusion
-description: Learn about Printing support in Syncfusion Essential Studio WPF Olap Chart control, its elements and more details.
+description: Learn about Printing support in Syncfusion Essential Studio® WPF Olap Chart control, its elements and more details.
platform: wpf
control: OLAP Chart
documentation: ug
diff --git a/wpf/OLAP-Chart/Series.md b/wpf/OLAP-Chart/Series.md
index cf4dbf537c..a69d38d0dd 100644
--- a/wpf/OLAP-Chart/Series.md
+++ b/wpf/OLAP-Chart/Series.md
@@ -1,7 +1,7 @@
---
layout: post
title: Series in WPF Olap Chart control | Syncfusion
-description: Learn about Series support in Syncfusion Essential Studio WPF Olap Chart control, its elements and more details.
+description: Learn about Series support in Syncfusion Essential Studio® WPF Olap Chart control, its elements and more details.
platform: wpf
control: OLAP Chart
documentation: ug
diff --git a/wpf/OLAP-Chart/Theming.md b/wpf/OLAP-Chart/Theming.md
index ff5ce23b38..bfcd37dafa 100644
--- a/wpf/OLAP-Chart/Theming.md
+++ b/wpf/OLAP-Chart/Theming.md
@@ -1,7 +1,7 @@
---
layout: post
title: Theming in WPF Olap Chart control | Syncfusion
-description: Learn about Theming support in Syncfusion Essential Studio WPF Olap Chart control, its elements and more details.
+description: Learn about Theming support in Syncfusion Essential Studio® WPF Olap Chart control, its elements and more details.
platform: wpf
control: OLAP Chart
documentation: ug
diff --git a/wpf/OLAP-Chart/ToolTip.md b/wpf/OLAP-Chart/ToolTip.md
index eb41305ab1..9d8ba46dbe 100644
--- a/wpf/OLAP-Chart/ToolTip.md
+++ b/wpf/OLAP-Chart/ToolTip.md
@@ -1,7 +1,7 @@
---
layout: post
title: Tooltip in WPF Olap Chart control | Syncfusion
-description: Learn about Tooltip support in Syncfusion Essential Studio WPF Olap Chart control, its elements and more details.
+description: Learn about Tooltip support in Syncfusion Essential Studio® WPF Olap Chart control, its elements and more details.
platform: wpf
control: OLAP Chart
documentation: ug
diff --git a/wpf/OLAP-Chart/Watermark.md b/wpf/OLAP-Chart/Watermark.md
index 50c81442c6..c307e258bc 100644
--- a/wpf/OLAP-Chart/Watermark.md
+++ b/wpf/OLAP-Chart/Watermark.md
@@ -1,7 +1,7 @@
---
layout: post
title: Watermark in WPF Olap Chart control | Syncfusion
-description: Learn about Watermark support in Syncfusion Essential Studio WPF Olap Chart control, its elements and more details.
+description: Learn about Watermark support in Syncfusion Essential Studio® WPF Olap Chart control, its elements and more details.
platform: wpf
control: OLAP Chart
documentation: ug
diff --git a/wpf/OLAP-Chart/XAML-Configuration.md b/wpf/OLAP-Chart/XAML-Configuration.md
index dd123f82a3..010e0828c9 100644
--- a/wpf/OLAP-Chart/XAML-Configuration.md
+++ b/wpf/OLAP-Chart/XAML-Configuration.md
@@ -1,7 +1,7 @@
---
layout: post
title: XAML Configuration in WPF Olap Chart control | Syncfusion
-description: Learn about XAML Configuration support in Syncfusion WPF Olap Chart control, its elements and more details.
+description: Learn about XAML Configuration support in Syncfusion® WPF Olap Chart control, its elements and more details.
platform: wpf
control: OLAP Chart
documentation: ug
diff --git a/wpf/OLAP-Chart/Zooming-and-Scrolling.md b/wpf/OLAP-Chart/Zooming-and-Scrolling.md
index 3ccd4d487b..21e83130b7 100644
--- a/wpf/OLAP-Chart/Zooming-and-Scrolling.md
+++ b/wpf/OLAP-Chart/Zooming-and-Scrolling.md
@@ -1,7 +1,7 @@
---
layout: post
title: Zooming and Scrolling in WPF Olap Chart control | Syncfusion
-description: Learn about Zooming and Scrolling support in Syncfusion WPF Olap Chart control, its elements and more details.
+description: Learn about Zooming and Scrolling support in Syncfusion® WPF Olap Chart control, its elements and more details.
platform: wpf
control: OLAP Chart
documentation: ug
diff --git a/wpf/Pdf-Viewer/Acquiring-current-page-being-displayed.md b/wpf/Pdf-Viewer/Acquiring-current-page-being-displayed.md
index 3c9773bc61..4737ffc0c0 100644
--- a/wpf/Pdf-Viewer/Acquiring-current-page-being-displayed.md
+++ b/wpf/Pdf-Viewer/Acquiring-current-page-being-displayed.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Acquire current page being displayed in WPF Pdf Viewer | Syncfusion
-description: Learn about Acquire current page being displayed support in Syncfusion WPF Pdf Viewer control and more.
+title: Acquire current page being displayed in WPF Pdf Viewer | Syncfusion®
+description: Learn about Acquire current page being displayed support in Syncfusion® WPF Pdf Viewer control and more.
platform: wpf
control: PDF Viewer
documentation: ug
diff --git a/wpf/Pdf-Viewer/Acquiring-total-number-of-pages.md b/wpf/Pdf-Viewer/Acquiring-total-number-of-pages.md
index f48a7cc4b5..aa96ceffc7 100644
--- a/wpf/Pdf-Viewer/Acquiring-total-number-of-pages.md
+++ b/wpf/Pdf-Viewer/Acquiring-total-number-of-pages.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Acquire total number of pages in WPF Pdf Viewer control | Syncfusion
-description: Learn about Acquire total number of pages support in Syncfusion WPF Pdf Viewer control, its elements and more.
+title: Acquire total number of pages in WPF Pdf Viewer | Syncfusion®
+description: Learn about Acquire total number of pages support in Syncfusion® WPF Pdf Viewer control, its elements and more.
platform: wpf
control: PDF Viewer
documentation: ug
diff --git a/wpf/Pdf-Viewer/Bookmark-Navigation.md b/wpf/Pdf-Viewer/Bookmark-Navigation.md
index 734eb7241e..5df9cd135f 100644
--- a/wpf/Pdf-Viewer/Bookmark-Navigation.md
+++ b/wpf/Pdf-Viewer/Bookmark-Navigation.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Bookmark Navigation in WPF Pdf Viewer control | Syncfusion
-description: Learn about Bookmark Navigation support in Syncfusion WPF Pdf Viewer control, its elements and more.
+title: Bookmark Navigation in WPF Pdf Viewer control | Syncfusion®
+description: Learn about Bookmark Navigation support in Syncfusion® WPF Pdf Viewer control, its elements and more.
platform: wpf
control: PDF Viewer
documentation: ug
diff --git a/wpf/Pdf-Viewer/Changing-the-color-of-the-Loading-Indicator.md b/wpf/Pdf-Viewer/Changing-the-color-of-the-Loading-Indicator.md
index ca0bd6a430..29bc701468 100644
--- a/wpf/Pdf-Viewer/Changing-the-color-of-the-Loading-Indicator.md
+++ b/wpf/Pdf-Viewer/Changing-the-color-of-the-Loading-Indicator.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Change the color of the Loading Indicator in Pdf Viewer | Syncfusion
-description: Learn about Change the color of the Loading Indicator support in Syncfusion WPF Pdf Viewer control and more.
+title: Change Loading Indicator color in WPF Pdf Viewer | Syncfusion®
+description: Learn about Change the color of the Loading Indicator support in Syncfusion® WPF Pdf Viewer control and more.
platform: wpf
control: PDF Viewer
documentation: ug
diff --git a/wpf/Pdf-Viewer/Changing-the-text-displayed-in-the-loading-indicator.md b/wpf/Pdf-Viewer/Changing-the-text-displayed-in-the-loading-indicator.md
index 37d5351a3d..beed50207a 100644
--- a/wpf/Pdf-Viewer/Changing-the-text-displayed-in-the-loading-indicator.md
+++ b/wpf/Pdf-Viewer/Changing-the-text-displayed-in-the-loading-indicator.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Change the text displayed in WPF Pdf Viewer | Syncfusion
-description: Learn about Change the text displayed in the loading indicator support in Syncfusion WPF Pdf Viewer control and more.
+title: Change the text displayed in WPF Pdf Viewer | Syncfusion®
+description: Learn about Change the text displayed in the loading indicator support in Syncfusion® WPF Pdf Viewer control and more.
platform: wpf
control: PDF Viewer
documentation: ug
diff --git a/wpf/Pdf-Viewer/Customizing-context-menu.md b/wpf/Pdf-Viewer/Customizing-context-menu.md
index 1dee720709..937ae0ab15 100644
--- a/wpf/Pdf-Viewer/Customizing-context-menu.md
+++ b/wpf/Pdf-Viewer/Customizing-context-menu.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Customizing context menu in WPF Pdf Viewer | Syncfusion
-description: Learn about Customizing context menu support in Syncfusion WPF Pdf Viewer control, its elements and more.
+title: Customizing context menu in WPF Pdf Viewer | Syncfusion®
+description: Learn about Customizing context menu support in Syncfusion® WPF Pdf Viewer control, its elements and more.
platform: wpf
control: PDF Viewer
documentation: ug
diff --git a/wpf/Pdf-Viewer/Enabling-and-Disabling-Notification-bar.md b/wpf/Pdf-Viewer/Enabling-and-Disabling-Notification-bar.md
index 3db0189c4c..737d722ebb 100644
--- a/wpf/Pdf-Viewer/Enabling-and-Disabling-Notification-bar.md
+++ b/wpf/Pdf-Viewer/Enabling-and-Disabling-Notification-bar.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Enable and Disable Notification bar in WPF Pdf Viewer | Syncfusion
-description: Learn about Enable and Disable Notification bar support in Syncfusion WPF Pdf Viewer control and more.
+title: Enable/Disable Notification bar in WPF Pdf Viewer | Syncfusion®
+description: Learn about Enable and Disable Notification bar support in Syncfusion® WPF Pdf Viewer control and more.
platform: wpf
control: PDF Viewer
documentation: ug
diff --git a/wpf/Pdf-Viewer/Exporting-PDF.md b/wpf/Pdf-Viewer/Exporting-PDF.md
index 3c26f32fcb..34d4bd377e 100644
--- a/wpf/Pdf-Viewer/Exporting-PDF.md
+++ b/wpf/Pdf-Viewer/Exporting-PDF.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Exporting PDF pages in WPF Pdf Viewer control | Syncfusion
-description: Learn about Exporting PDF pages support in Syncfusion WPF Pdf Viewer control, its elements and more.
+title: Exporting PDF pages in WPF Pdf Viewer control | Syncfusion®
+description: Learn about Exporting PDF pages support in Syncfusion® WPF Pdf Viewer control, its elements and more.
platform: wpf
control: PDF Viewer
documentation: ug
@@ -9,7 +9,7 @@ documentation: ug
# Exporting PDF pages in WPF Pdf Viewer
-Essential PDF Viewer allows exporting pages of a PDF file into JPG, PNG, TIFF, and BMP formats using [ExportAsImage](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.PdfViewer.PdfViewerControl.html#Syncfusion_Windows_PdfViewer_PdfViewerControl_ExportAsImage_System_Int32_) methods. This option helps to convert PDF pages into images.
+Essential® PDF Viewer allows exporting pages of a PDF file into JPG, PNG, TIFF, and BMP formats using [ExportAsImage](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.PdfViewer.PdfViewerControl.html#Syncfusion_Windows_PdfViewer_PdfViewerControl_ExportAsImage_System_Int32_) methods. This option helps to convert PDF pages into images.
## Exporting a single page
@@ -203,7 +203,7 @@ if (images != null)
{% endhighlight %}
{% endtabs %}
-N> The complete sample project of exporting the PDF pages to images using the Syncfusion PDF viewer is available in the [GitHub](https://github.com/SyncfusionExamples/WPF-PDFViewer-Examples/tree/master/Export/PDFToImage).
+N> The complete sample project of exporting the PDF pages to images using the Syncfusion® PDF viewer is available in the [GitHub](https://github.com/SyncfusionExamples/WPF-PDFViewer-Examples/tree/master/Export/PDFToImage).
N> You can refer to our [WPF PDF Viewer](https://www.syncfusion.com/wpf-controls/pdf-viewer) feature tour page for its groundbreaking feature representations. You can also explore our [WPF PDF Viewer example](https://github.com/syncfusion/wpf-demos) to know how to render and configure the pdfviewer.
\ No newline at end of file
diff --git a/wpf/Pdf-Viewer/Form-Filling-in-PDF.md b/wpf/Pdf-Viewer/Form-Filling-in-PDF.md
index a687262f59..6377438aec 100644
--- a/wpf/Pdf-Viewer/Form-Filling-in-PDF.md
+++ b/wpf/Pdf-Viewer/Form-Filling-in-PDF.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Form Filling in PDF Files in WPF Pdf Viewer | Syncfusion
-description: Learn about Form Filling in PDF Files support in Syncfusion WPF Pdf Viewer control, its elements and more.
+title: Form Filling in PDF Files in WPF Pdf Viewer | Syncfusion®
+description: Learn about Form Filling in PDF Files support in Syncfusion® WPF Pdf Viewer control, its elements and more.
platform: wpf
control: PDF Viewer
documentation: ug
@@ -78,7 +78,7 @@ private void PdfViewer_FormFieldClicked(object sender, FormFieldClickedEventArgs
{% endhighlight %}
{% endtabs %}
-N> The sample project of PDF form filling using the Syncfusion PDF Viewer is available in the [GitHub](https://github.com/syncfusion/wpf-demos/tree/master/pdfviewer).
+N> The sample project of PDF form filling using the Syncfusion® PDF Viewer is available in the [GitHub](https://github.com/syncfusion/wpf-demos/tree/master/pdfviewer).
## Import and Export Form Data
diff --git a/wpf/Pdf-Viewer/Getting-Started.md b/wpf/Pdf-Viewer/Getting-Started.md
index 89ddddc168..3b2aa72eb1 100644
--- a/wpf/Pdf-Viewer/Getting-Started.md
+++ b/wpf/Pdf-Viewer/Getting-Started.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Getting Started with WPF Pdf Viewer control | Syncfusion
-description: Learn here about getting started with Syncfusion Essential Studio WPF Pdf Viewer control, its elements and more.
+title: Getting Started with WPF Pdf Viewer control | Syncfusion®
+description: Learn here about getting started with Syncfusion® Essential Studio® WPF Pdf Viewer control, its elements and more.
platform: wpf
control: PDF Viewer
documentation: ug
@@ -46,7 +46,7 @@ Rather than referencing the assemblies, you can utilize the [PdfViewer NuGet](ht
[How to install nuget packages in a WPF application](https://help.syncfusion.com/wpf/visual-studio-integration/nuget-packages)
N> Starting with version 23.1.x, a reference to the Syncfusion.PdfToImageConverter.Base assembly is necessary for PdfViewer applications.
-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. Please refer to [this link](https://help.syncfusion.com/common/essential-studio/licensing/overview) to know about registering Syncfusion license key in your WPF application to use our components.
+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. Please refer to [this link](https://help.syncfusion.com/common/essential-studio/licensing/overview) to know about registering Syncfusion® license key in your WPF application to use our components.
## Create a simple PDF Viewer application
@@ -55,9 +55,9 @@ You can create a PDF Viewer application by simply drag the control from the Visu
### Drag and drop the PdfViewerControl from the toolbox
Follow these steps to drag and drop the PdfViewerControl from the toolbox.
-1. After installing the Syncfusion Essential Studio in your machine, create a new WPF application in Visual Studio.
+1. After installing the Syncfusion® Essential Studio® in your machine, create a new WPF application in Visual Studio.
2. Open the Visual Studio toolbox.
-3. Navigate to Syncfusion WPF Toolbox tab and drag the `PdfViewerControl` toolbox item to the Designer window, it automatically adds the required references to the current application.
+3. Navigate to Syncfusion® WPF Toolbox tab and drag the `PdfViewerControl` toolbox item to the Designer window, it automatically adds the required references to the current application.
![WPF PDF Viewer in Toolbox](getting-started_images/wpf-pdf-viewer-in-toolbox.png)
PDF viewer control in toolbox
@@ -67,7 +67,7 @@ Follow these steps to drag and drop the PdfViewerControl from the toolbox.
To add control manually in XAML, do the following steps,
1. Add the required assemblies as a reference to the project.
-2. Add the following Syncfusion namespace in XAML to make use of the [PdfViewerControl](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.PdfViewer.PdfViewerControl.html).
+2. Add the following Syncfusion® namespace in XAML to make use of the [PdfViewerControl](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.PdfViewer.PdfViewerControl.html).
~~~xaml
The sample projects for organizing pages using the Syncfusion PDF Viewer are available in the [GitHub](https://github.com/SyncfusionExamples/WPF-PDFViewer-Examples/tree/master/OrganzingPages-Examples/PageOrganizer).
+N> The sample projects for organizing pages using the Syncfusion® PDF Viewer are available in the [GitHub](https://github.com/SyncfusionExamples/WPF-PDFViewer-Examples/tree/master/OrganzingPages-Examples/PageOrganizer).
## Show/Hide the annotations in page organizer panel
diff --git a/wpf/Pdf-Viewer/Overview.md b/wpf/Pdf-Viewer/Overview.md
index fa775f366c..677473eff2 100644
--- a/wpf/Pdf-Viewer/Overview.md
+++ b/wpf/Pdf-Viewer/Overview.md
@@ -1,7 +1,7 @@
---
layout: post
-title: About WPF Pdf Viewer control | Syncfusion
-description: Learn here all about introduction of Syncfusion Essential Studio WPF Pdf Viewer control, its elements and more.
+title: About WPF Pdf Viewer control | Syncfusion®
+description: Learn here all about introduction of Syncfusion® Essential Studio® WPF Pdf Viewer control, its elements and more.
platform: wpf
control: PDF Viewer
documentation: ug
diff --git a/wpf/Pdf-Viewer/Printing-PDF-Files.md b/wpf/Pdf-Viewer/Printing-PDF-Files.md
index ffca494e2a..cf988aa903 100644
--- a/wpf/Pdf-Viewer/Printing-PDF-Files.md
+++ b/wpf/Pdf-Viewer/Printing-PDF-Files.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Printing PDF Files in WPF Pdf Viewer control | Syncfusion
-description: Learn about Printing PDF Files support in Syncfusion Essential Studio WPF Pdf Viewer control, its elements and more.
+title: Printing PDF Files in WPF Pdf Viewer control | Syncfusion®
+description: Learn about Printing PDF Files support in Syncfusion® Essential Studio® WPF Pdf Viewer control, its elements and more.
platform: wpf
control: PDF Viewer
documentation: ug
diff --git a/wpf/Pdf-Viewer/Redaction.md b/wpf/Pdf-Viewer/Redaction.md
index 6f22ac8b91..e9b745a28f 100644
--- a/wpf/Pdf-Viewer/Redaction.md
+++ b/wpf/Pdf-Viewer/Redaction.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Redaction in WPF Pdf Viewer control | Syncfusion
-description: Learn about Redaction support in Syncfusion Essential Studio WPF Pdf Viewer control, its elements and more.
+title: Redaction in WPF Pdf Viewer control | Syncfusion®
+description: Learn about Redaction support in Syncfusion® Essential Studio® WPF Pdf Viewer control, its elements and more.
platform: wpf
control: PDF Viewer
documentation: ug
diff --git a/wpf/Pdf-Viewer/Saving-the-PDF-document.md b/wpf/Pdf-Viewer/Saving-the-PDF-document.md
index 9b4575fd91..2053494c91 100644
--- a/wpf/Pdf-Viewer/Saving-the-PDF-document.md
+++ b/wpf/Pdf-Viewer/Saving-the-PDF-document.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Saving PDF Files in WPF Pdf Viewer control | Syncfusion
-description: Learn about Saving PDF Files support in Syncfusion Essential Studio WPF Pdf Viewer control, its elements and more.
+title: Saving PDF Files in WPF Pdf Viewer control | Syncfusion®
+description: Learn about Saving PDF Files support in Syncfusion® Essential Studio® WPF Pdf Viewer control, its elements and more.
platform: wpf
control: PDF Viewer
documentation: ug
diff --git a/wpf/Pdf-Viewer/Searching-Text.md b/wpf/Pdf-Viewer/Searching-Text.md
index 4e63b72088..d38154ef4e 100644
--- a/wpf/Pdf-Viewer/Searching-Text.md
+++ b/wpf/Pdf-Viewer/Searching-Text.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Search text in PDF files using WPF PDF Viewer | Syncfusion
-description: Learn about Searching Text support in Syncfusion Essential Studio WPF Pdf Viewer control, its elements and more.
+title: Search text in PDF files using WPF PDF Viewer | Syncfusion®
+description: Learn about Searching Text support in Syncfusion® Essential Studio® WPF Pdf Viewer control, its elements and more.
platform: wpf
control: PDF Viewer
documentation: ug
diff --git a/wpf/Pdf-Viewer/Select-and-copy-text.md b/wpf/Pdf-Viewer/Select-and-copy-text.md
index 1430c06572..bf8c9b4749 100644
--- a/wpf/Pdf-Viewer/Select-and-copy-text.md
+++ b/wpf/Pdf-Viewer/Select-and-copy-text.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Select and Copy Text in PDF files using WPF PDF Viewer | Syncfusion
-description: Learn about Select and Copy Text support in Syncfusion Essential Studio WPF Pdf Viewer control, its elements and more.
+title: Select and Copy Text in PDF files using WPF PDF Viewer | Syncfusion®
+description: Learn about Select and Copy Text support in Syncfusion® Essential Studio® WPF Pdf Viewer control, its elements and more.
platform: wpf
control: PDF Viewer
documentation: ug
diff --git a/wpf/Pdf-Viewer/TOC-Navigation.md b/wpf/Pdf-Viewer/TOC-Navigation.md
index 4be6e66473..1391ff3d09 100644
--- a/wpf/Pdf-Viewer/TOC-Navigation.md
+++ b/wpf/Pdf-Viewer/TOC-Navigation.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Table Of Contents Navigation in WPF Pdf Viewer control | Syncfusion
-description: Learn about Table of Contents Navigation support in Syncfusion WPF Pdf Viewer control, its elements and more.
+title: Table Of Contents Navigation in WPF Pdf Viewer control | Syncfusion®
+description: Learn about Table of Contents Navigation support in Syncfusion® WPF Pdf Viewer control, its elements and more.
platform: wpf
control: PDF Viewer
documentation: ug
diff --git a/wpf/Pdf-Viewer/Toggling-visibility-of-the-scroll-bar.md b/wpf/Pdf-Viewer/Toggling-visibility-of-the-scroll-bar.md
index ebfc70b8c1..04287feaac 100644
--- a/wpf/Pdf-Viewer/Toggling-visibility-of-the-scroll-bar.md
+++ b/wpf/Pdf-Viewer/Toggling-visibility-of-the-scroll-bar.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Toggle visibility of the scroll bar in WPF Pdf Viewer | Syncfusion
-description: Learn about Toggle visibility of the scroll bar support in Syncfusion WPF Pdf Viewer control and more.
+title: Toggle visibility of the scroll bar in WPF Pdf Viewer | Syncfusion®
+description: Learn about Toggle visibility of the scroll bar support in Syncfusion® WPF Pdf Viewer control and more.
platform: wpf
control: PDF Viewer
documentation: ug
diff --git a/wpf/Pdf-Viewer/Toggling-visibility-of-the-tool-bar.md b/wpf/Pdf-Viewer/Toggling-visibility-of-the-tool-bar.md
index 8f7b53cf03..1d1c0a4232 100644
--- a/wpf/Pdf-Viewer/Toggling-visibility-of-the-tool-bar.md
+++ b/wpf/Pdf-Viewer/Toggling-visibility-of-the-tool-bar.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Toggle visibility of the tool bar in WPF Pdf Viewer | Syncfusion
-description: Learn about Toggle visibility of the tool bar support in Syncfusion WPF Pdf Viewer control and more.
+title: Toggle visibility of the tool bar in WPF Pdf Viewer | Syncfusion®
+description: Learn about Toggle visibility of the tool bar support in Syncfusion® WPF Pdf Viewer control and more.
platform: wpf
control: PDF Viewer
documentation: ug
diff --git a/wpf/Pdf-Viewer/Viewing-PDF-Files.md b/wpf/Pdf-Viewer/Viewing-PDF-Files.md
index 1f08f1c436..3d8eedb7d7 100644
--- a/wpf/Pdf-Viewer/Viewing-PDF-Files.md
+++ b/wpf/Pdf-Viewer/Viewing-PDF-Files.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Viewing PDF Files in WPF Pdf Viewer control | Syncfusion
-description: Learn about Viewing PDF Files support in Syncfusion Essential Studio WPF Pdf Viewer control, its elements and more.
+title: Viewing PDF Files in WPF Pdf Viewer control | Syncfusion®
+description: Learn about Viewing PDF Files support in Syncfusion® Essential Studio® WPF Pdf Viewer control, its elements and more.
platform: wpf
control: PDF Viewer
documentation: ug
diff --git a/wpf/Pdf-Viewer/Working-With-PDF-Coordinates.md b/wpf/Pdf-Viewer/Working-With-PDF-Coordinates.md
index 71b8359fd2..d7e0d194b1 100644
--- a/wpf/Pdf-Viewer/Working-With-PDF-Coordinates.md
+++ b/wpf/Pdf-Viewer/Working-With-PDF-Coordinates.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Working With PDF Coordinates in WPF Pdf Viewer control | Syncfusion
-description: Learn about PDF Coordinates support in Syncfusion Essential Studio WPF Pdf Viewer control, its elements and more.
+title: Working With PDF Coordinates in WPF Pdf Viewer control | Syncfusion®
+description: Learn about PDF Coordinates support in Syncfusion® Essential Studio® WPF Pdf Viewer control, its elements and more.
platform: wpf
control: PDF Viewer
documentation: ug
diff --git a/wpf/Pdf-Viewer/Working-with-Annotations/Annotations.md b/wpf/Pdf-Viewer/Working-with-Annotations/Annotations.md
index 25314e86e5..33016646d2 100644
--- a/wpf/Pdf-Viewer/Working-with-Annotations/Annotations.md
+++ b/wpf/Pdf-Viewer/Working-with-Annotations/Annotations.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Annotations in WPF Pdf Viewer control | Syncfusion
-description: Learn about annotations supported by Syncfusion WPF Pdf Viewer control, its functionalities and more.
+title: Annotations in WPF Pdf Viewer control | Syncfusion®
+description: Learn about annotations supported by Syncfusion® WPF Pdf Viewer control, its functionalities and more.
platform: wpf
control: PDF Viewer
documentation: ug
diff --git a/wpf/Pdf-Viewer/Working-with-Annotations/Export-and-Import-Annotations.md b/wpf/Pdf-Viewer/Working-with-Annotations/Export-and-Import-Annotations.md
index a27a125039..b921800887 100644
--- a/wpf/Pdf-Viewer/Working-with-Annotations/Export-and-Import-Annotations.md
+++ b/wpf/Pdf-Viewer/Working-with-Annotations/Export-and-Import-Annotations.md
@@ -1,6 +1,6 @@
---
layout: post
-title: Export and Import Annotations in WPF Pdf Viewer control | Syncfusion
+title: Export and Import Annotations in WPF Pdf Viewer control | Syncfusion®
description: Learn about Export and Import information about annotations in the FDF and XFDF formats using WPF Pdf Viewer.
platform: wpf
control: PDF Viewer
diff --git a/wpf/Pdf-Viewer/Working-with-Annotations/File-Link-Annotation.md b/wpf/Pdf-Viewer/Working-with-Annotations/File-Link-Annotation.md
index 14215bc679..241077c18d 100644
--- a/wpf/Pdf-Viewer/Working-with-Annotations/File-Link-Annotation.md
+++ b/wpf/Pdf-Viewer/Working-with-Annotations/File-Link-Annotation.md
@@ -1,7 +1,7 @@
---
layout: post
-title: File Link Annotation in WPF Pdf Viewer control | Syncfusion
-description: Learn about File Link Annotation support in Syncfusion Essential Studio WPF Pdf Viewer control, its elements and more.
+title: File Link Annotation in WPF Pdf Viewer control | Syncfusion®
+description: Learn about File Link Annotation support in Syncfusion® Essential Studio® WPF Pdf Viewer control, its elements and more.
platform: wpf
control: PDF Viewer
documentation: ug
diff --git a/wpf/Pdf-Viewer/Working-with-Annotations/Highlight-Annotation.md b/wpf/Pdf-Viewer/Working-with-Annotations/Highlight-Annotation.md
index 39721320ba..c7139537bd 100644
--- a/wpf/Pdf-Viewer/Working-with-Annotations/Highlight-Annotation.md
+++ b/wpf/Pdf-Viewer/Working-with-Annotations/Highlight-Annotation.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Highlight text in PDF files using WPF PDF Viewer | Syncfusion
-description: Learn about highlight annotation support in Syncfusion WPF PDF Viewer control, and the manipulations.
+title: Highlight text in PDF files using WPF PDF Viewer | Syncfusion®
+description: Learn about highlight annotation support in Syncfusion® WPF PDF Viewer control, and the manipulations.
platform: wpf
control: PDF Viewer
documentation: ug
diff --git a/wpf/Pdf-Viewer/Working-with-Annotations/Ink-Annotation.md b/wpf/Pdf-Viewer/Working-with-Annotations/Ink-Annotation.md
index 0f8668691f..414b6e44e6 100644
--- a/wpf/Pdf-Viewer/Working-with-Annotations/Ink-Annotation.md
+++ b/wpf/Pdf-Viewer/Working-with-Annotations/Ink-Annotation.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Ink Annotation in WPF Pdf Viewer control | Syncfusion
-description: Learn about Ink Annotation support in Syncfusion Essential Studio WPF Pdf Viewer control, its elements and more.
+title: Ink Annotation in WPF Pdf Viewer control | Syncfusion®
+description: Learn about Ink Annotation support in Syncfusion® Essential Studio® WPF Pdf Viewer control, its elements and more.
platform: wpf
control: PDF Viewer
documentation: ug
diff --git a/wpf/Pdf-Viewer/Working-with-Annotations/Locking-Annotations.md b/wpf/Pdf-Viewer/Working-with-Annotations/Locking-Annotations.md
index cb86051ddb..09fcb75193 100644
--- a/wpf/Pdf-Viewer/Working-with-Annotations/Locking-Annotations.md
+++ b/wpf/Pdf-Viewer/Working-with-Annotations/Locking-Annotations.md
@@ -1,6 +1,6 @@
---
layout: post
-title: How to lock an annotation in WPF pdf viewer | Syncfusion
+title: How to lock an annotation in WPF pdf viewer | Syncfusion®
description: Learn about how to enable or disable lock option for an annotation programmatically or UI using WPF Pdf Viewer.
platform: wpf
control: PDF Viewer
diff --git a/wpf/Pdf-Viewer/Working-with-Annotations/Shape-Annotations.md b/wpf/Pdf-Viewer/Working-with-Annotations/Shape-Annotations.md
index b7d481a7a0..86f522afe7 100644
--- a/wpf/Pdf-Viewer/Working-with-Annotations/Shape-Annotations.md
+++ b/wpf/Pdf-Viewer/Working-with-Annotations/Shape-Annotations.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Shape Annotations in WPF Pdf Viewer control | Syncfusion
-description: Learn about Shape Annotations support in Syncfusion Essential Studio WPF Pdf Viewer control, its elements and more.
+title: Shape Annotations in WPF Pdf Viewer control | Syncfusion®
+description: Learn about Shape Annotations support in Syncfusion® Essential Studio® WPF Pdf Viewer control, its elements and more.
platform: wpf
control: PDF Viewer
documentation: ug
diff --git a/wpf/Pdf-Viewer/Working-with-Annotations/Squiggly-Annotation.md b/wpf/Pdf-Viewer/Working-with-Annotations/Squiggly-Annotation.md
index 8096d6f667..7f6063c224 100644
--- a/wpf/Pdf-Viewer/Working-with-Annotations/Squiggly-Annotation.md
+++ b/wpf/Pdf-Viewer/Working-with-Annotations/Squiggly-Annotation.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Squiggly text in PDF files using WPF PDF Viewer | Syncfusion
-description: Learn about squiggly annotation support in Syncfusion WPF PDF Viewer control, and the manipulations.
+title: Squiggly text in PDF files using WPF PDF Viewer | Syncfusion®
+description: Learn about squiggly annotation support in Syncfusion® WPF PDF Viewer control, and the manipulations.
platform: wpf
control: PDF Viewer
documentation: ug
diff --git a/wpf/Pdf-Viewer/Working-with-Annotations/Stamp-Annotation.md b/wpf/Pdf-Viewer/Working-with-Annotations/Stamp-Annotation.md
index 5478ce24ef..0be86c8619 100644
--- a/wpf/Pdf-Viewer/Working-with-Annotations/Stamp-Annotation.md
+++ b/wpf/Pdf-Viewer/Working-with-Annotations/Stamp-Annotation.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Stamp Annotation in WPF Pdf Viewer control | Syncfusion
-description: Learn about Stamp Annotation support in Syncfusion Essential Studio WPF Pdf Viewer control, its elements and more.
+title: Stamp Annotation in WPF Pdf Viewer control | Syncfusion®
+description: Learn about Stamp Annotation support in Syncfusion® Essential Studio® WPF Pdf Viewer control, its elements and more.
platform: wpf
control: PDF Viewer
documentation: ug
diff --git a/wpf/Pdf-Viewer/Working-with-Annotations/Sticky-Note-Annotation.md b/wpf/Pdf-Viewer/Working-with-Annotations/Sticky-Note-Annotation.md
index 99aa5b0ace..c4034584c6 100644
--- a/wpf/Pdf-Viewer/Working-with-Annotations/Sticky-Note-Annotation.md
+++ b/wpf/Pdf-Viewer/Working-with-Annotations/Sticky-Note-Annotation.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Sticky Note Annotation in WPF Pdf Viewer control | Syncfusion
-description: Learn about Sticky Note Annotation support in Syncfusion Essential Studio WPF Pdf Viewer control, its elements and more.
+title: Sticky Note Annotation in WPF Pdf Viewer control | Syncfusion®
+description: Learn about Sticky Note Annotation support in Syncfusion® Essential Studio® WPF Pdf Viewer control, its elements and more.
platform: wpf
control: PDF Viewer
documentation: ug
diff --git a/wpf/Pdf-Viewer/Working-with-Annotations/Strikethrough-Annotation.md b/wpf/Pdf-Viewer/Working-with-Annotations/Strikethrough-Annotation.md
index b755a65370..0745e7bb71 100644
--- a/wpf/Pdf-Viewer/Working-with-Annotations/Strikethrough-Annotation.md
+++ b/wpf/Pdf-Viewer/Working-with-Annotations/Strikethrough-Annotation.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Strikethrough text in PDF files using WPF PDF Viewer | Syncfusion
-description: Learn about Strikethrough annotation support in Syncfusion WPF PDF Viewer control, and the manipulations.
+title: Strikethrough text in PDF files using WPF PDF Viewer | Syncfusion®
+description: Learn about Strikethrough annotation support in Syncfusion® WPF PDF Viewer control, and the manipulations.
platform: wpf
control: PDF Viewer
documentation: ug
diff --git a/wpf/Pdf-Viewer/Working-with-Annotations/Text-Annotation.md b/wpf/Pdf-Viewer/Working-with-Annotations/Text-Annotation.md
index 6910903304..6689f98395 100644
--- a/wpf/Pdf-Viewer/Working-with-Annotations/Text-Annotation.md
+++ b/wpf/Pdf-Viewer/Working-with-Annotations/Text-Annotation.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Text Annotation in WPF Pdf Viewer control | Syncfusion
-description: Learn about Text Annotation support in Syncfusion Essential Studio WPF Pdf Viewer control, its elements and more.
+title: Text Annotation in WPF Pdf Viewer control | Syncfusion®
+description: Learn about Text Annotation support in Syncfusion® Essential Studio® WPF Pdf Viewer control, its elements and more.
platform: wpf
control: PDF Viewer
documentation: ug
diff --git a/wpf/Pdf-Viewer/Working-with-Annotations/Text-Callout-Annotation.md b/wpf/Pdf-Viewer/Working-with-Annotations/Text-Callout-Annotation.md
index 701a9fa74d..d8cb931b5f 100644
--- a/wpf/Pdf-Viewer/Working-with-Annotations/Text-Callout-Annotation.md
+++ b/wpf/Pdf-Viewer/Working-with-Annotations/Text-Callout-Annotation.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Free Text Callout Annotation in WPF Pdf Viewer control | Syncfusion
-description: Learn about Text Annotation support in Syncfusion Essential Studio WPF Pdf Viewer control, its elements and more.
+title: Free Text Callout Annotation in WPF Pdf Viewer control | Syncfusion®
+description: Learn about Text Annotation support in Syncfusion® Essential Studio® WPF Pdf Viewer control, its elements and more.
platform: wpf
control: PDF Viewer
documentation: ug
diff --git a/wpf/Pdf-Viewer/Working-with-Annotations/Underline-Annotation.md b/wpf/Pdf-Viewer/Working-with-Annotations/Underline-Annotation.md
index fab37eeb2c..2c2e65f48c 100644
--- a/wpf/Pdf-Viewer/Working-with-Annotations/Underline-Annotation.md
+++ b/wpf/Pdf-Viewer/Working-with-Annotations/Underline-Annotation.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Underline text in PDF files using WPF PDF Viewer | Syncfusion
-description: Learn about underline annotation support in Syncfusion WPF PDF Viewer control, and the manipulations.
+title: Underline text in PDF files using WPF PDF Viewer | Syncfusion®
+description: Learn about underline annotation support in Syncfusion® WPF PDF Viewer control, and the manipulations.
platform: wpf
control: PDF Viewer
documentation: ug
diff --git a/wpf/Pdf-Viewer/Working-with-Annotations/Working-with-Annotation-Comments.md b/wpf/Pdf-Viewer/Working-with-Annotations/Working-with-Annotation-Comments.md
index 6b5282c5b3..0060dbcdfd 100644
--- a/wpf/Pdf-Viewer/Working-with-Annotations/Working-with-Annotation-Comments.md
+++ b/wpf/Pdf-Viewer/Working-with-Annotations/Working-with-Annotation-Comments.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Working with annotation comments using WPF PDF Viewer | Syncfusion
-description: Learn how to expand or collapse, show or hide the comments pane, and add, edit, or delete annotation comments in the Syncfusion WPF PDF Viewer control.
+title: Working with annotation comments using WPF PDF Viewer | Syncfusion®
+description: Learn how to expand or collapse, show or hide the comments pane, and add, edit, or delete annotation comments in the Syncfusion® WPF PDF Viewer control.
platform: wpf
control: PDF Viewer
documentation: ug
diff --git a/wpf/Pdf-Viewer/Working-with-Annotations/Working-with-Annotations-Programmatically.md b/wpf/Pdf-Viewer/Working-with-Annotations/Working-with-Annotations-Programmatically.md
index 0cff613932..8d84ccf84b 100644
--- a/wpf/Pdf-Viewer/Working-with-Annotations/Working-with-Annotations-Programmatically.md
+++ b/wpf/Pdf-Viewer/Working-with-Annotations/Working-with-Annotations-Programmatically.md
@@ -1,6 +1,6 @@
---
layout: post
-title: Working with annotations using WPF PDF Viewer | Syncfusion
+title: Working with annotations using WPF PDF Viewer | Syncfusion®
description: Learn about Selecting and Modifying the annotation's properties programmatically using WPF Pdf Viewer.
platform: wpf
control: PDF Viewer
diff --git a/wpf/Pdf-Viewer/Working-with-Hyperlinks.md b/wpf/Pdf-Viewer/Working-with-Hyperlinks.md
index f9ddcc836e..5f1684f1c3 100644
--- a/wpf/Pdf-Viewer/Working-with-Hyperlinks.md
+++ b/wpf/Pdf-Viewer/Working-with-Hyperlinks.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Hyperlink Navigation in WPF Pdf Viewer control | Syncfusion
-description: Learn about Hyperlink Navigation support in Syncfusion Essential Studio WPF Pdf Viewer control, its elements and more.
+title: Hyperlink Navigation in WPF Pdf Viewer control | Syncfusion®
+description: Learn about Hyperlink Navigation support in Syncfusion® Essential Studio® WPF Pdf Viewer control, its elements and more.
platform: wpf
control: PDF Viewer
documentation: ug
diff --git a/wpf/Pdf-Viewer/Working-with-PDF-Layers.md b/wpf/Pdf-Viewer/Working-with-PDF-Layers.md
index c45feb6aae..99b59c64a7 100644
--- a/wpf/Pdf-Viewer/Working-with-PDF-Layers.md
+++ b/wpf/Pdf-Viewer/Working-with-PDF-Layers.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Working with PDF Layers in WPF Pdf Viewer control | Syncfusion
-description: Learn about Working with PDF Layers support in Syncfusion Essential Studio WPF Pdf Viewer control, its elements and more.
+title: Working with PDF Layers in WPF Pdf Viewer control | Syncfusion®
+description: Learn about Working with PDF Layers support in Syncfusion® Essential Studio® WPF Pdf Viewer control, its elements and more.
platform: WPF
control: PDF Viewer
documentation: UG
diff --git a/wpf/Pdf-Viewer/Working-with-Thumbnail-Navigation.md b/wpf/Pdf-Viewer/Working-with-Thumbnail-Navigation.md
index fdebecc6bd..598c10ddf6 100644
--- a/wpf/Pdf-Viewer/Working-with-Thumbnail-Navigation.md
+++ b/wpf/Pdf-Viewer/Working-with-Thumbnail-Navigation.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Thumbnail Navigation in WPF Pdf Viewer control | Syncfusion
-description: Learn about Thumbnail Navigation support in Syncfusion Essential Studio WPF Pdf Viewer control, its elements and more.
+title: Thumbnail Navigation in WPF Pdf Viewer control | Syncfusion®
+description: Learn about Thumbnail Navigation support in Syncfusion® Essential Studio® WPF Pdf Viewer control, its elements and more.
platform: wpf
control: PDF Viewer
documentation: ug
diff --git a/wpf/Pdf-Viewer/Working-with-command-binding/Binding-commands-to-a-button.md b/wpf/Pdf-Viewer/Working-with-command-binding/Binding-commands-to-a-button.md
index 71e8323c6f..e8daa7df76 100644
--- a/wpf/Pdf-Viewer/Working-with-command-binding/Binding-commands-to-a-button.md
+++ b/wpf/Pdf-Viewer/Working-with-command-binding/Binding-commands-to-a-button.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Working with Commands in WPF Pdf Viewer control | Syncfusion
-description: Learn about Working with Commands support in Syncfusion Essential Studio WPF Pdf Viewer control, its elements and more.
+title: Working with Commands in WPF Pdf Viewer control | Syncfusion®
+description: Learn about Working with Commands support in Syncfusion® Essential Studio® WPF Pdf Viewer control, its elements and more.
platform: wpf
control: PDF Viewer
documentation: ug
@@ -379,7 +379,7 @@ The following XAML code shows how to bind the annotation command for underline a
## Undo/Redo Command
-The UndoCommand and RedoCommand provided by Syncfusion enable users to revert or reapply their recent actions on the PDF document
+The UndoCommand and RedoCommand provided by Syncfusion® enable users to revert or reapply their recent actions on the PDF document
* [UndoCommand](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.PdfViewer.PdfViewerControl.html#Syncfusion_Windows_PdfViewer_PdfViewerControl_UndoCommand)
* [RedoCommand](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.PdfViewer.PdfViewerControl.html#Syncfusion_Windows_PdfViewer_PdfViewerControl_RedoCommand)
diff --git a/wpf/Pdf-Viewer/extract-text-from-PDF.md b/wpf/Pdf-Viewer/extract-text-from-PDF.md
index 102b5d32f3..8cbafd6939 100644
--- a/wpf/Pdf-Viewer/extract-text-from-PDF.md
+++ b/wpf/Pdf-Viewer/extract-text-from-PDF.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Extract Text from PDF Files in WPF Pdf Viewer | Syncfusion
-description: Learn about Extract Text from PDF Files support in Syncfusion WPF Pdf Viewer control, its elements and more.
+title: Extract Text from PDF Files in WPF Pdf Viewer | Syncfusion®
+description: Learn about Extract Text from PDF Files support in Syncfusion® WPF Pdf Viewer control, its elements and more.
platform: wpf
control: PDF Viewer
documentation: ug
diff --git a/wpf/Pdf-Viewer/password-protected-pdf-files.md b/wpf/Pdf-Viewer/password-protected-pdf-files.md
index e8d0bf4e55..6b5b53a0b8 100644
--- a/wpf/Pdf-Viewer/password-protected-pdf-files.md
+++ b/wpf/Pdf-Viewer/password-protected-pdf-files.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Viewing Password protected PDF Files in WPF Pdf Viewer | Syncfusion
-description: Learn about Viewing Password protected PDF Files support in Syncfusion WPF Pdf Viewer control, its elements and more.
+title: Viewing Password protected PDF Files in WPF Pdf Viewer | Syncfusion®
+description: Learn about Viewing Password protected PDF Files support in Syncfusion® WPF Pdf Viewer control, its elements and more.
platform: wpf
control: PDF Viewer
documentation: ug
diff --git a/wpf/Pdf-Viewer/pdf-rendering-engines.md b/wpf/Pdf-Viewer/pdf-rendering-engines.md
index 7484f0f504..baa87ed07d 100644
--- a/wpf/Pdf-Viewer/pdf-rendering-engines.md
+++ b/wpf/Pdf-Viewer/pdf-rendering-engines.md
@@ -1,7 +1,7 @@
---
layout: post
-title: PDF Rendering Engines in WPF Pdf Viewer control | Syncfusion
-description: Learn about PDF Rendering Engines support in Syncfusion Essential Studio WPF Pdf Viewer control, its elements and more.
+title: PDF Rendering Engines in WPF Pdf Viewer control | Syncfusion®
+description: Learn about PDF Rendering Engines support in Syncfusion® Essential Studio® WPF Pdf Viewer control, its elements and more.
platform: wpf
control: PDF Viewer
documentation: ug
@@ -9,7 +9,7 @@ documentation: ug
# PDF Rendering Engines in WPF Pdf Viewer
-Syncfusion WPF PDF Viewer renders the PDF pages through 2 different rendering engines.
+Syncfusion® WPF PDF Viewer renders the PDF pages through 2 different rendering engines.
* PDFium (Google Chrome’s PDF rendering engine)
* SfPdf (Syncfusion’s Own PDF rendering engine)
@@ -18,14 +18,14 @@ Syncfusion WPF PDF Viewer renders the PDF pages through 2 different rendering en
PDFium is used in Google Chrome for rendering PDF files. It provides accurate and robust PDF rendering. It is the recommended PDF rendering engine.
-N>* From v16.3.0.x onwards, this PDFium rendering engine is the default rendering engine of Syncfusion WPF PDF Viewer.
-N>* From v20.4.0.x onwards, ARM64-based Pdfium assembly is generated for Syncfusion WPF PDF Viewer control in applications that target ARM64 architecture.
+N>* From v16.3.0.x onwards, this PDFium rendering engine is the default rendering engine of Syncfusion® WPF PDF Viewer.
+N>* From v20.4.0.x onwards, ARM64-based Pdfium assembly is generated for Syncfusion® WPF PDF Viewer control in applications that target ARM64 architecture.
N>* From v22.1.x onwards, Pdfium is upgraded to the new version which was built with the branch [chromium/5692](https://pdfium.googlesource.com/pdfium/+/refs/heads/chromium/5692).
### How PDFium works with Syncfusion’s PDF Viewer
-* On running your WPF application, Syncfusion PDF Viewer control generates a folder named `PDFium` in the application output path folder (for example: bin/release or bin/debug) at runtime.
-* Syncfusion PDF Viewer control detects the architecture of the running machine automatically.
+* On running your WPF application, Syncfusion® PDF Viewer control generates a folder named `PDFium` in the application output path folder (for example: bin/release or bin/debug) at runtime.
+* Syncfusion® PDF Viewer control detects the architecture of the running machine automatically.
* Next, it creates another subfolder named “x64”, “x86” or “arm64” based on the machine architecture.
* Extracts the PDFium binary (PDFium.dll) into the subfolder (x64, x86 or arm64) and consumes it to render PDF files.
@@ -35,7 +35,7 @@ N> PDFium rendering is not supported in Windows XP operating system.
### How to run PDFium in a restricted access environment
-If there is any access restriction applied to the application output folder, then the Syncfusion PDF Viewer control cannot able to extract and consume the PDFium engine as mentioned above.
+If there is any access restriction applied to the application output folder, then the Syncfusion® PDF Viewer control cannot able to extract and consume the PDFium engine as mentioned above.
In that situation, you need to add the following steps to consume the PDFium rendering engine.
diff --git a/wpf/Pdf-Viewer/text-extraction-engines.md b/wpf/Pdf-Viewer/text-extraction-engines.md
index f6440208a3..e2a4e62231 100644
--- a/wpf/Pdf-Viewer/text-extraction-engines.md
+++ b/wpf/Pdf-Viewer/text-extraction-engines.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Text Extraction Engines in WPF Pdf Viewer control | Syncfusion
-description: Learn about Text Extraction Engines supported in Syncfusion Essential Studio WPF Pdf Viewer control, its elements and more.
+title: Text Extraction Engines in WPF Pdf Viewer control | Syncfusion®
+description: Learn about Text Extraction Engines supported in Syncfusion® Essential Studio® WPF Pdf Viewer control, its elements and more.
platform: wpf
control: PDF Viewer
documentation: ug
@@ -9,7 +9,7 @@ documentation: ug
# Text Extraction Engines in WPF Pdf Viewer
-Syncfusion WPF PDF Viewer extracts text information from PDF files through two different engines for performing text search, text selection, creating text markups and more.
+Syncfusion® WPF PDF Viewer extracts text information from PDF files through two different engines for performing text search, text selection, creating text markups and more.
* PDFium (Google Chrome’s text extraction engine)
* SfPdf (Syncfusion’s own text extraction engine)
diff --git a/wpf/Pdf-Viewer/working-with-pdf-pages.md b/wpf/Pdf-Viewer/working-with-pdf-pages.md
index a05a4f49f0..364140919a 100644
--- a/wpf/Pdf-Viewer/working-with-pdf-pages.md
+++ b/wpf/Pdf-Viewer/working-with-pdf-pages.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Working with PDF Pages in WPF Pdf Viewer control | Syncfusion
-description: Learn about Working with PDF Pages support in Syncfusion Essential Studio WPF Pdf Viewer control, its elements and more.
+title: Working with PDF Pages in WPF Pdf Viewer control | Syncfusion®
+description: Learn about Working with PDF Pages support in Syncfusion® Essential Studio® WPF Pdf Viewer control, its elements and more.
platform: WPF
control: PDF Viewer
documentation: UG
diff --git a/wpf/Range-Selector/Getting-Started.md b/wpf/Range-Selector/Getting-Started.md
index aeeeacb81f..aa16bd41d3 100644
--- a/wpf/Range-Selector/Getting-Started.md
+++ b/wpf/Range-Selector/Getting-Started.md
@@ -1,7 +1,7 @@
---
layout: post
title: Getting Started with WPF Range Selector control | Syncfusion
-description: Learn here about getting started with Syncfusion WPF Range Selector (SfDateTimeRangeNavigator) control, its elements and more.
+description: Learn here about getting started with Syncfusion® WPF Range Selector (SfDateTimeRangeNavigator) control, its elements and more.
platform: wpf
control: SfDateTimeRangeNavigator
documentation: ug
diff --git a/wpf/Range-Selector/Interactivity.md b/wpf/Range-Selector/Interactivity.md
index ba3900aa39..04acf4b6e1 100644
--- a/wpf/Range-Selector/Interactivity.md
+++ b/wpf/Range-Selector/Interactivity.md
@@ -1,7 +1,7 @@
---
layout: post
title: Interactivity in WPF Range Selector control | Syncfusion
-description: Learn here all about Interactivity support in Syncfusion WPF Range Selector (SfDateTimeRangeNavigator) control and more.
+description: Learn here all about Interactivity support in Syncfusion® WPF Range Selector (SfDateTimeRangeNavigator) control and more.
platform: wpf
control: SfDateTimeRangeNavigator
documentation: ug
diff --git a/wpf/Range-Selector/Label-Customization.md b/wpf/Range-Selector/Label-Customization.md
index 3337e34abb..a313312010 100644
--- a/wpf/Range-Selector/Label-Customization.md
+++ b/wpf/Range-Selector/Label-Customization.md
@@ -1,7 +1,7 @@
---
layout: post
title: Customization in WPF Range Selector control | Syncfusion
-description: Learn here all about Customization support in Syncfusion WPF Range Selector (SfDateTimeRangeNavigator) control and more.
+description: Learn here all about Customization support in Syncfusion® WPF Range Selector (SfDateTimeRangeNavigator) control and more.
platform: wpf
control: SfDateTimeRangeNavigator
documentation: ug
diff --git a/wpf/Range-Selector/Overview.md b/wpf/Range-Selector/Overview.md
index 984acfac9c..71096a8cd6 100644
--- a/wpf/Range-Selector/Overview.md
+++ b/wpf/Range-Selector/Overview.md
@@ -1,7 +1,7 @@
---
layout: post
title: About WPF Range Selector control | Syncfusion
-description: Learn here all about introduction of Syncfusion WPF Range Selector (SfDateTimeRangeNavigator) control, its elements and more.
+description: Learn here all about introduction of Syncfusion® WPF Range Selector (SfDateTimeRangeNavigator) control, its elements and more.
platform: wpf
control: SfDateTimeRangeNavigator
documentation: ug
diff --git a/wpf/Range-Selector/ToolTip-Support.md b/wpf/Range-Selector/ToolTip-Support.md
index cdf70f4ffd..f91a4559d6 100644
--- a/wpf/Range-Selector/ToolTip-Support.md
+++ b/wpf/Range-Selector/ToolTip-Support.md
@@ -1,7 +1,7 @@
---
layout: post
title: ToolTip Support in WPF Range Selector control | Syncfusion
-description: Learn here all about ToolTip Support in Syncfusion WPF Range Selector (SfDateTimeRangeNavigator) control and more.
+description: Learn here all about ToolTip Support in Syncfusion® WPF Range Selector (SfDateTimeRangeNavigator) control and more.
platform: wpf
control: SfDateTimeRangeNavigator
documentation: ug
diff --git a/wpf/Release-notes/v28.1.35.md b/wpf/Release-notes/v28.1.35.md
new file mode 100644
index 0000000000..0dda64bd48
--- /dev/null
+++ b/wpf/Release-notes/v28.1.35.md
@@ -0,0 +1,16 @@
+---
+title: Essential Studio for WPF Weekly Nuget Release Release Notes
+description: Essential Studio for WPF Weekly Nuget Release Release Notes
+platform: WPF
+documentation: ug
+---
+
+# Essential Studio for WPF Release Notes
+
+{% include release-info.html date="December 19, 2024" version="v28.1.35" %}
+
+{% directory path: _includes/release-notes/v28.1.35 %}
+
+{% include {{file.url}} %}
+
+{% enddirectory %}
\ No newline at end of file
diff --git a/wpf/Release-notes/v28.1.36.md b/wpf/Release-notes/v28.1.36.md
new file mode 100644
index 0000000000..52d81362ce
--- /dev/null
+++ b/wpf/Release-notes/v28.1.36.md
@@ -0,0 +1,16 @@
+---
+title: Essential Studio for WPF Weekly Nuget Release Release Notes
+description: Essential Studio for WPF Weekly Nuget Release Release Notes
+platform: WPF
+documentation: ug
+---
+
+# Essential Studio for WPF Release Notes
+
+{% include release-info.html date="December 24, 2024" version="v28.1.36" %}
+
+{% directory path: _includes/release-notes/v28.1.36 %}
+
+{% include {{file.url}} %}
+
+{% enddirectory %}
\ No newline at end of file
diff --git a/wpf/Release-notes/v28.1.37.md b/wpf/Release-notes/v28.1.37.md
new file mode 100644
index 0000000000..77ef5f9e77
--- /dev/null
+++ b/wpf/Release-notes/v28.1.37.md
@@ -0,0 +1,16 @@
+---
+title: Essential Studio for WPF Weekly Nuget Release Release Notes
+description: Essential Studio for WPF Weekly Nuget Release Release Notes
+platform: WPF
+documentation: ug
+---
+
+# Essential Studio for WPF Release Notes
+
+{% include release-info.html date="December 31, 2024" version="v28.1.37" %}
+
+{% directory path: _includes/release-notes/v28.1.37 %}
+
+{% include {{file.url}} %}
+
+{% enddirectory %}
\ No newline at end of file
diff --git a/wpf/Release-notes/v28.1.38.md b/wpf/Release-notes/v28.1.38.md
new file mode 100644
index 0000000000..559c61a45f
--- /dev/null
+++ b/wpf/Release-notes/v28.1.38.md
@@ -0,0 +1,16 @@
+---
+title: Essential Studio for WPF Weekly Nuget Release Release Notes
+description: Essential Studio for WPF Weekly Nuget Release Release Notes
+platform: WPF
+documentation: ug
+---
+
+# Essential Studio for WPF Release Notes
+
+{% include release-info.html date="January 07, 2025" version="v28.1.38" %}
+
+{% directory path: _includes/release-notes/v28.1.38 %}
+
+{% include {{file.url}} %}
+
+{% enddirectory %}
\ No newline at end of file
diff --git a/wpf/Release-notes/v28.1.39.md b/wpf/Release-notes/v28.1.39.md
new file mode 100644
index 0000000000..8c927ccf90
--- /dev/null
+++ b/wpf/Release-notes/v28.1.39.md
@@ -0,0 +1,16 @@
+---
+title: Essential Studio for WPF Weekly Nuget Release Release Notes
+description: Essential Studio for WPF Weekly Nuget Release Release Notes
+platform: WPF
+documentation: ug
+---
+
+# Essential Studio for WPF Release Notes
+
+{% include release-info.html date="January 14, 2025" version="v28.1.39" %}
+
+{% directory path: _includes/release-notes/v28.1.39 %}
+
+{% include {{file.url}} %}
+
+{% enddirectory %}
\ No newline at end of file
diff --git a/wpf/Scheduler/Month-View.md b/wpf/Scheduler/Month-View.md
index 7f869afdd9..1e8113fdc2 100644
--- a/wpf/Scheduler/Month-View.md
+++ b/wpf/Scheduler/Month-View.md
@@ -244,6 +244,37 @@ this.Schedule.MonthViewSettings.TrailingDaysVisibility = Visibility.Collapsed;
![WPF Scheduler month view Leading and Trailing Days Visibility](Month-View_Images/wpf-scheduler-leading-and-trailing-days-visibility.png)
+## Change the number of visible weeks
+
+The number of weeks visible in the month view can be changed by setting the [NumberOfVisibleWeeks](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.MonthViewSettings.html#Syncfusion_UI_Xaml_Scheduler_MonthViewSettings_NumberOfVisibleWeeks) property of [MonthViewSettings](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.MonthViewSettings.html) in the [`SfScheduler`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.html). By default, 6 weeks are visible.
+
+{% tabs %}
+{% highlight xaml hl_lines="4" %}
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# hl_lines="2" %}
+
+this.Schedule.ViewType = SchedulerViewType.Month;
+this.Schedule.MonthViewSettings.NumberOfVisibleWeeks = 3;
+
+{% endhighlight %}
+{% endtabs %}
+
+![Number-of-visible-weeks-in-month-view-in-WPF-Scheduler](Month-View_Images/number-of-visible-weeks-in-month-view-in-wpf-scheduler.webp)
+
+N>
+* The week number range is limited to values between 1 and 6. Any value outside this range will cause the `NumberOfVisibleWeeks` to default to 6.
+* The `NumberOfVisibleWeeks` property dynamically controls the number of weeks displayed in the scheduler's month view.
+* The [DisplayDate](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.SfScheduler.html#Syncfusion_UI_Xaml_Scheduler_SfScheduler_DisplayDate) property defines the first row of dates shown in the scheduler's month view.
+* The [LeadingDaysVisibility](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.MonthViewSettings.html#Syncfusion_UI_Xaml_Scheduler_MonthViewSettings_LeadingDaysVisibility) and [TrailingDaysVisibility](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.MonthViewSettings.html#Syncfusion_UI_Xaml_Scheduler_MonthViewSettings_TrailingDaysVisibility) properties are applicable only when the number of visible weeks is set to 6.
+
## Blackout dates
Disable the interaction for certain dates in the scheduler month view by adding those specific dates to the [BlackoutDates](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Scheduler.SfScheduler.html?tabs=tabid-1#Syncfusion_UI_Xaml_Scheduler_SfScheduler_BlackoutDates) collection property of the `SfScheduler.` Using this, allocate or restrict specific dates for the predefined events.
diff --git a/wpf/Scheduler/Month-View_Images/number-of-visible-weeks-in-month-view-in-wpf-scheduler.webp b/wpf/Scheduler/Month-View_Images/number-of-visible-weeks-in-month-view-in-wpf-scheduler.webp
new file mode 100644
index 0000000000..7ef69e0fa5
Binary files /dev/null and b/wpf/Scheduler/Month-View_Images/number-of-visible-weeks-in-month-view-in-wpf-scheduler.webp differ
diff --git a/wpf/SfChart3D/3DSeries.md b/wpf/SfChart3D/3DSeries.md
index 8ae4661e03..0a2f9effa5 100644
--- a/wpf/SfChart3D/3DSeries.md
+++ b/wpf/SfChart3D/3DSeries.md
@@ -1,7 +1,7 @@
---
layout: post
title: Series in WPF SfChart3D control | Syncfusion
-description: Learn about Series support in Syncfusion Essential Studio WPF SfChart3D control, its elements and more.
+description: Learn about Series support in Syncfusion Essential Studio® WPF SfChart3D control, its elements and more.
platform: wpf
control: SfChart3D
documentation: ug
diff --git a/wpf/SfChart3D/Adornments/DataMarkers.md b/wpf/SfChart3D/Adornments/DataMarkers.md
index ed0a350809..9ed0a73461 100644
--- a/wpf/SfChart3D/Adornments/DataMarkers.md
+++ b/wpf/SfChart3D/Adornments/DataMarkers.md
@@ -1,7 +1,7 @@
---
layout: post
title: Data Markers in WPF SfChart3D control | Syncfusion
-description: Learn about Data Markers support in Syncfusion Essential Studio WPF SfChart3D control, its elements and more.
+description: Learn about Data Markers support in Syncfusion Essential Studio® WPF SfChart3D control, its elements and more.
platform: wpf
control: SfChart3D
documentation: ug
diff --git a/wpf/SfChart3D/Adornments/Labels.md b/wpf/SfChart3D/Adornments/Labels.md
index 973d4884c6..af7a4ac59a 100644
--- a/wpf/SfChart3D/Adornments/Labels.md
+++ b/wpf/SfChart3D/Adornments/Labels.md
@@ -1,7 +1,7 @@
---
layout: post
title: Data Label in WPF SfChart3D control | Syncfusion
-description: Learn about Data Label support in Syncfusion Essential Studio WPF SfChart3D control, its elements and more.
+description: Learn about Data Label support in Syncfusion Essential Studio® WPF SfChart3D control, its elements and more.
platform: wpf
control: SfChart3D
documentation: ug
diff --git a/wpf/SfChart3D/Adornments/Marker.md b/wpf/SfChart3D/Adornments/Marker.md
index 751e7772dc..4a14156f10 100644
--- a/wpf/SfChart3D/Adornments/Marker.md
+++ b/wpf/SfChart3D/Adornments/Marker.md
@@ -1,7 +1,7 @@
---
layout: post
title: Data Marker in WPF SfChart3D control | Syncfusion
-description: Learn about Data Marker support in Syncfusion Essential Studio WPF SfChart3D control, its elements and more.
+description: Learn about Data Marker support in Syncfusion Essential Studio® WPF SfChart3D control, its elements and more.
platform: wpf
control: SfChart3D
documentation: ug
diff --git a/wpf/SfChart3D/Adornments/Positioning-Adornments.md b/wpf/SfChart3D/Adornments/Positioning-Adornments.md
index d286aa2dfe..f7a02c9808 100644
--- a/wpf/SfChart3D/Adornments/Positioning-Adornments.md
+++ b/wpf/SfChart3D/Adornments/Positioning-Adornments.md
@@ -1,7 +1,7 @@
---
layout: post
title: Positioning Data Markers in WPF SfChart3D control | Syncfusion
-description: Learn about Positioning Data Markers support in Syncfusion Essential Studio WPF SfChart3D control, its elements and more.
+description: Learn about Positioning Data Markers support in Syncfusion Essential Studio® WPF SfChart3D control, its elements and more.
platform: wpf
control: SfChart3D
documentation: ug
diff --git a/wpf/SfChart3D/Appearance.md b/wpf/SfChart3D/Appearance.md
index 70e60628a9..103ffd1ae2 100644
--- a/wpf/SfChart3D/Appearance.md
+++ b/wpf/SfChart3D/Appearance.md
@@ -1,7 +1,7 @@
---
layout: post
title: Appearance in WPF SfChart3D control | Syncfusion
-description: Learn about Appearance support in Syncfusion Essential Studio WPF SfChart3D control, its elements and more.
+description: Learn about Appearance support in Syncfusion Essential Studio® WPF SfChart3D control, its elements and more.
platform: wpf
control: SfChart3D
documentation: ug
diff --git a/wpf/SfChart3D/Axis.md b/wpf/SfChart3D/Axis.md
index ce1dfea005..e14bd684f8 100644
--- a/wpf/SfChart3D/Axis.md
+++ b/wpf/SfChart3D/Axis.md
@@ -1,7 +1,7 @@
---
layout: post
title: Axis in WPF SfChart3D control | Syncfusion
-description: Learn about Axis support in Syncfusion Essential Studio WPF SfChart3D control, its elements and more.
+description: Learn about Axis support in Syncfusion Essential Studio® WPF SfChart3D control, its elements and more.
platform: wpf
control: SfChart3D
documentation: ug
diff --git a/wpf/SfChart3D/GettingStarted.md b/wpf/SfChart3D/GettingStarted.md
index cf35770ed1..bab12de586 100644
--- a/wpf/SfChart3D/GettingStarted.md
+++ b/wpf/SfChart3D/GettingStarted.md
@@ -1,7 +1,7 @@
---
layout: post
title: Getting Started with WPF SfChart3D control | Syncfusion
-description: Learn here about getting started with Syncfusion Essential Studio WPF SfChart3D control, its elements and more.
+description: Learn here about getting started with Syncfusion Essential Studio® WPF SfChart3D control, its elements and more.
platform: wpf
control: SfChart3D
documentation: ug
@@ -13,7 +13,7 @@ This section explains you the steps required to populate the Chart with data, he
## Adding chart reference
-Refer to this [article](https://help.syncfusion.com/wpf/add-syncfusion-controls) to learn how to add Syncfusion controls to Visual Studio projects in various ways. You can also refer to [this](https://help.syncfusion.com/wpf/control-dependencies) link to learn about the assemblies required for adding Chart to your project.
+Refer to this [article](https://help.syncfusion.com/wpf/add-syncfusion-controls) to learn how to add Syncfusion® controls to Visual Studio projects in various ways. You can also refer to [this](https://help.syncfusion.com/wpf/control-dependencies) link to learn about the assemblies required for adding Chart to your project.
## Initialize chart
diff --git a/wpf/SfChart3D/InteractiveFeatures.md b/wpf/SfChart3D/InteractiveFeatures.md
index 5cf8208bcf..ddcc52f26d 100644
--- a/wpf/SfChart3D/InteractiveFeatures.md
+++ b/wpf/SfChart3D/InteractiveFeatures.md
@@ -1,7 +1,7 @@
---
layout: post
title: Interactive Features in WPF SfChart3D control | Syncfusion
-description: Learn about Interactive Features support in Syncfusion Essential Studio WPF SfChart3D control, its elements and more.
+description: Learn about Interactive Features support in Syncfusion Essential Studio® WPF SfChart3D control, its elements and more.
platform: wpf
control: SfChart3D
documentation: ug
diff --git a/wpf/SfChart3D/Overview.md b/wpf/SfChart3D/Overview.md
index 693567fe54..5410f4cd3d 100644
--- a/wpf/SfChart3D/Overview.md
+++ b/wpf/SfChart3D/Overview.md
@@ -1,7 +1,7 @@
---
layout: post
title: About WPF SfChart3D control | Syncfusion
-description: Learn here all about introduction of Syncfusion Essential Studio WPF SfChart3D control, its elements and more.
+description: Learn here all about introduction of Syncfusion Essential Studio® WPF SfChart3D control, its elements and more.
platform: wpf
control: SfChart3D
documentation: ug
diff --git a/wpf/Step-ProgressBar/Appearance.md b/wpf/Step-ProgressBar/Appearance.md
index 70e34228e7..9a52c25b6d 100644
--- a/wpf/Step-ProgressBar/Appearance.md
+++ b/wpf/Step-ProgressBar/Appearance.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Appearance in WPF Step ProgressBar control | Syncfusion
-description: Learn here all about Appearance support in Syncfusion WPF Step ProgressBar (SfStepProgressBar) control and more.
+title: Appearance in WPF Step ProgressBar control | Syncfusion®
+description: Learn here all about Appearance support in Syncfusion® WPF Step ProgressBar (SfStepProgressBar) control and more.
platform: WPF
control: Step ProgressBar
documentation: ug
diff --git a/wpf/Step-ProgressBar/Customizing-Data-Templates.md b/wpf/Step-ProgressBar/Customizing-Data-Templates.md
index b6db3a51f2..4819333dc9 100644
--- a/wpf/Step-ProgressBar/Customizing-Data-Templates.md
+++ b/wpf/Step-ProgressBar/Customizing-Data-Templates.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Customizing Data Templates in WPF Step ProgressBar | Syncfusion
-description: Learn here all about Customizing Data Templates support in Syncfusion WPF Step ProgressBar (SfStepProgressBar) control and more.
+title: Customizing Data Templates in WPF Step ProgressBar | Syncfusion®
+description: Learn here all about Customizing Data Templates support in Syncfusion® WPF Step ProgressBar (SfStepProgressBar) control and more.
platform: wpf
control: Step ProgressBar
documentation: ug
diff --git a/wpf/Step-ProgressBar/Data-Binding.md b/wpf/Step-ProgressBar/Data-Binding.md
index e065812814..b1ff412d64 100644
--- a/wpf/Step-ProgressBar/Data-Binding.md
+++ b/wpf/Step-ProgressBar/Data-Binding.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Data Binding in WPF Step ProgressBar control | Syncfusion
-description: Learn here all about Data Binding support in Syncfusion WPF Step ProgressBar (SfStepProgressBar) control and more.
+title: Data Binding in WPF Step ProgressBar control | Syncfusion®
+description: Learn here all about Data Binding support in Syncfusion® WPF Step ProgressBar (SfStepProgressBar) control and more.
platform: wpf
control: Step ProgressBar
documentation: ug
diff --git a/wpf/Step-ProgressBar/Getting-Started.md b/wpf/Step-ProgressBar/Getting-Started.md
index 704c511f84..664da5dfa1 100644
--- a/wpf/Step-ProgressBar/Getting-Started.md
+++ b/wpf/Step-ProgressBar/Getting-Started.md
@@ -1,8 +1,8 @@
---
layout: post
-title: Getting Started with WPF Step ProgressBar control | Syncfusion
-description: Learn here about getting started with Syncfusion WPF Step ProgressBar (SfStepProgressBar) control, its elements and more.
-platform: WPF
+title: Getting Started with WPF Step ProgressBar control | Syncfusion®
+description: Learn here about getting started with Syncfusion® WPF Step ProgressBar (SfStepProgressBar) control, its elements and more.
+platform: wpf
control: SfStepProgressBar
documentation: ug
---
@@ -31,7 +31,7 @@ To add control manually in the XAML, follow the given steps:
1. Add the following required assembly reference to the project:
* Syncfusion.SfProgressBar.WPF
-2. Import the Syncfusion WPF schema **http://schemas.syncfusion.com/wpf** in the XAML page.
+2. Import the Syncfusion® WPF schema **http://schemas.syncfusion.com/wpf** in the XAML page.
3. Declare the SfStepProgressBar control in the XAML page.
## Select item using Selected Index
diff --git a/wpf/Step-ProgressBar/Layouts.md b/wpf/Step-ProgressBar/Layouts.md
index 08137cf255..0c0b4fbe38 100644
--- a/wpf/Step-ProgressBar/Layouts.md
+++ b/wpf/Step-ProgressBar/Layouts.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Layouts in WPF Step ProgressBar control | Syncfusion
-description: Learn here all about Layouts support in Syncfusion WPF Step ProgressBar (SfStepProgressBar) control and more.
+title: Layouts in WPF Step ProgressBar control | Syncfusion®
+description: Learn here all about Layouts support in Syncfusion® WPF Step ProgressBar (SfStepProgressBar) control and more.
platform: WPF
control: Step ProgressBar
documentation: ug
diff --git a/wpf/Step-ProgressBar/Overview.md b/wpf/Step-ProgressBar/Overview.md
index 379282c6a9..f792051bd3 100644
--- a/wpf/Step-ProgressBar/Overview.md
+++ b/wpf/Step-ProgressBar/Overview.md
@@ -1,7 +1,7 @@
---
layout: post
-title: About WPF Step ProgressBar control | Syncfusion
-description: Learn here all about introduction of Syncfusion WPF Step ProgressBar (SfStepProgressBar) control, its elements and more.
+title: About WPF Step ProgressBar control | Syncfusion®
+description: Learn here all about introduction of Syncfusion® WPF Step ProgressBar (SfStepProgressBar) control, its elements and more.
platform: WPF
control: SfStepProgressBar
documentation: ug
diff --git a/wpf/Step-ProgressBar/Selected-Item.md b/wpf/Step-ProgressBar/Selected-Item.md
index 97a3ec3190..e9368f3429 100644
--- a/wpf/Step-ProgressBar/Selected-Item.md
+++ b/wpf/Step-ProgressBar/Selected-Item.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Selected Item in WPF Step ProgressBar control | Syncfusion
-description: Learn here all about Selected Item support in Syncfusion WPF Step ProgressBar (SfStepProgressBar) control and more.
+title: Selected Item in WPF Step ProgressBar control | Syncfusion®
+description: Learn here all about Selected Item support in Syncfusion® WPF Step ProgressBar (SfStepProgressBar) control and more.
platform: WPF
control: Step ProgressBar
documentation: ug
diff --git a/wpf/TreeMap/Accessibility.md b/wpf/TreeMap/Accessibility.md
new file mode 100644
index 0000000000..c29cb574b8
--- /dev/null
+++ b/wpf/TreeMap/Accessibility.md
@@ -0,0 +1,38 @@
+---
+layout: post
+title: Accessibility in WPF TreeMap control | Syncfusion
+description: Learn here about Accessibility support with the Syncfusion WPF TreeMap (SfTreeMap) control, its elements and more.
+platform: wpf
+control: TreeMap
+documentation: ug
+---
+
+# Accessibility support in WPF TreeMap (SfTreeMap)
+
+The TreeMap is designed to efficiently interact with its elements, offering voice descriptions for each item in the treemap.
+
+## Keyboard shortcuts in WPF TreeMap (SfTreeMap)
+
+The [Syncfusion WPF TreeMap](https://www.syncfusion.com/wpf-controls/treemap) supports keyboard shortcuts for user interaction.
+The following is a table outlining the various shortcuts and their associated functions:
+
+
+
+
+ Navigation Shortcut Keys
+ Descriptions
+
+
+Tab
+Moves the selection to the next item on the right side of the TreeMap.
+
+
+
+Shift + Tab
+Moves the selection to the previous item on the left side of the TreeMap.
+
+
+
+N>
+* When [`SelectionModes`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeMap.SfTreeMap.html#Syncfusion_UI_Xaml_TreeMap_SfTreeMap_SelectionModes) is set to [`Default`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeMap.TreeMapSelectionModes.html#Syncfusion_UI_Xaml_TreeMap_TreeMapSelectionModes_Default), each key press clears the previous focus and selects the new item.
+* When [`SelectionModes`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeMap.SfTreeMap.html#Syncfusion_UI_Xaml_TreeMap_SfTreeMap_SelectionModes) is set to [`Multiple`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeMap.TreeMapSelectionModes.html#Syncfusion_UI_Xaml_TreeMap_TreeMapSelectionModes_Multiple), the previously focused item remains selected while new items are selected with each key press.
\ No newline at end of file
diff --git a/wpf/Visual-Studio-Integration/Add-Item-images/Add-item.png b/wpf/Visual-Studio-Integration/Add-Item-images/Add-item.png
index e0e0aed6a5..0407ac1b78 100644
Binary files a/wpf/Visual-Studio-Integration/Add-Item-images/Add-item.png and b/wpf/Visual-Studio-Integration/Add-Item-images/Add-item.png differ
diff --git a/wpf/Visual-Studio-Integration/Add-Item.md b/wpf/Visual-Studio-Integration/Add-Item.md
index 79f28dee34..c6d413b9bc 100644
--- a/wpf/Visual-Studio-Integration/Add-Item.md
+++ b/wpf/Visual-Studio-Integration/Add-Item.md
@@ -8,13 +8,13 @@ documentation: ug
---
-# Add Syncfusion components to the WPF Application
+# Add Syncfusion® components to the WPF Application
-Syncfusion provides robust support for Visual Studio Item Templates, which facilitate the seamless integration of Syncfusion WPF components and preconfigured windows into your WPF application. These templates include all necessary Syncfusion WPF libraries, ensuring a smooth development experience.
+Syncfusion® provides robust support for Visual Studio Item Templates, which facilitate the seamless integration of Syncfusion® WPF components and preconfigured windows into your WPF application. These templates include all necessary Syncfusion® WPF libraries, ensuring a smooth development experience.
-I> The Syncfusion WPF item templates are available from v19.1.0.54.
+I> The Syncfusion® WPF item templates are available from v19.1.0.54.
-The following steps will guide you to add the Syncfusion WPF Components to your Visual Studio WPF application.
+The following steps will guide you to add the Syncfusion® WPF Components to your Visual Studio WPF application.
> Check whether the **WPF Extensions - Syncfusion** are installed or not in Visual Studio Extension Manager by going to **Extensions -> Manage Extensions -> Installed** for Visual Studio 2019 or later and Visual Studio 2017 or lower by going to **Tools -> Extensions and Updates -> Installed**. If this extension is not installed, please install the extension by following the steps from the [download and installation](https://help.syncfusion.com/wpf/visual-studio-integration/download-and-installation) help topic.
@@ -30,7 +30,7 @@ The following steps will guide you to add the Syncfusion WPF Components to your
**Option 2:**
-3. Click **Extensions > Essential Studio for WPF > Add Syncfusion Item…** in Visual Studio.
+3. Click **Extensions > Essential Studio® for WPF > Add Syncfusion Item…** in Visual Studio.
![Choose Add Syncfusion Item option from menu](Add-Item-images/Add-item.png)
@@ -39,37 +39,37 @@ The following steps will guide you to add the Syncfusion WPF Components to your
![Syncfusion WPF Item template Components](Add-Item-images/Default-Window-with-Syncfusion-Component.png)
-5. Please choose one of the following scenarios to add Syncfusion Window in your application:
+5. Please choose one of the following scenarios to add Syncfusion® Window in your application:
- **Default Window with Syncfusion Component:** If you select the **Default** window and then choose any Syncfusion component and the specific features that are essential for your project, the selected component will be added with the default Microsoft window layout.
+ **Default Window with Syncfusion® Component:** If you select the **Default** window and then choose any Syncfusion® component and the specific features that are essential for your project, the selected component will be added with the default Microsoft window layout.
![Default Window with Syncfusion Component](Add-Item-images/Default-Window-with-Syncfusion-Component.png)
- **Syncfusion Window with Syncfusion Component:** If you select a Syncfusion window and then choose any Syncfusion component and the specific features that are essential for your project, the selected component will be added with the layout of the selected Syncfusion window.
+ **Syncfusion® Window with Syncfusion® Component:** If you select a Syncfusion® window and then choose any Syncfusion® component and the specific features that are essential for your project, the selected component will be added with the layout of the selected Syncfusion® window.
![Syncfusion Window with Syncfusion Component](Add-Item-images/Syncfusion-Window-with-Syncfusion-Component.png)
- **Syncfusion Window without Syncfusion Components:** If you select a Syncfusion window and then choose the **Blank** option from the Syncfusion component list, a blank Syncfusion window will be added without any Syncfusion components.
+ **Syncfusion® Window without Syncfusion® Components:** If you select a Syncfusion® window and then choose the **Blank** option from the Syncfusion® component list, a blank Syncfusion® window will be added without any Syncfusion® components.
![Syncfusion Window without Syncfusion Components](Add-Item-images/Syncfusion-Window-without-Syncfusion-Components.png)
-6. Choose an assembly reference option such as GAC location, Essential Studio installed location, or NuGet packages to specify where the required Syncfusion assemblies are added to the project.
+6. Choose an assembly reference option such as GAC location, Essential Studio® installed location, or NuGet packages to specify where the required Syncfusion® assemblies are added to the project.
- N> If the Syncfusion Essential WPF build is installed, the Installed location and GAC options will be enabled. Without installing the Syncfusion Essential WPF setup, use the NuGet option. The GAC option will not be available when using the Syncfusion WPF components in a .NET Core application. The Version drop-down lists the installed WPF versions.
+ N> If the Syncfusion® Essential WPF build is installed, the Installed location and GAC options will be enabled. Without installing the Syncfusion® Essential WPF setup, use the NuGet option. The GAC option will not be available when using the Syncfusion® WPF components in a .NET Core application. The Version drop-down lists the installed WPF versions.
7. Click **Add**, and a pop-up will appear providing information about adding component **files** and **NuGet/Assemblies** details.
![Syncfusion WPF Item template details](Add-Item-images/Add-syncfusion-item-3.png)
-8. Click **OK** to incorporate the chosen components into the WPF application, along with the necessary Syncfusion assemblies.
+8. Click **OK** to incorporate the chosen components into the WPF application, along with the necessary Syncfusion® assemblies.
![Syncfusion WPF Item template Gallery](Add-Item-images/Add-syncfusion-item-details.png)
-9. Then, Syncfusion licensing registration required message box will be shown if you installed the trial setup or NuGet packages since Syncfusion introduced the licensing system from 2018 Volume 2 (v16.2.0.41) Essential Studio release. Navigate to the [help topic](https://help.syncfusion.com/common/essential-studio/ licensing/license-key#how-to-generate-syncfusion-license-key), which is shown in the licensing message box to generate and register the Syncfusion license key to your project. Refer to this [blog](https://blog.syncfusion.com/post/Whats-New-in-2018-Volume-2-Licensing-Changes-in-the-1620x-Version-of-Essential-Studio.aspx) post for understanding the licensing changes introduced in Essential Studio.
+9. Then, Syncfusion® licensing registration required message box will be shown if you installed the trial setup or NuGet packages since Syncfusion® introduced the licensing system from 2018 Volume 2 (v16.2.0.41) Essential Studio® release. Navigate to the [help topic](https://help.syncfusion.com/common/essential-studio/ licensing/license-key#how-to-generate-syncfusion-license-key), which is shown in the licensing message box to generate and register the Syncfusion® license key to your project. Refer to this [blog](https://blog.syncfusion.com/post/Whats-New-in-2018-Volume-2-Licensing-Changes-in-the-1620x-Version-of-Essential-Studio.aspx) post for understanding the licensing changes introduced in Essential Studio®.
![Syncfusion WPF Item template Gallery](Add-Item-images/LicensePage.png)
-10. To run the application using the selected Syncfusion window, set the added Syncfusion Window as the startup window in your application. This ensures that when you launch the application, it opens with the selected Syncfusion Window.
+10. To run the application using the selected Syncfusion® window, set the added Syncfusion® Window as the startup window in your application. This ensures that when you launch the application, it opens with the selected Syncfusion® Window.
**For C#:** Open the **App.xaml** file in your project. Locate the line of code where the main window is being instantiated and set as the startup window.
diff --git a/wpf/Visual-Studio-Integration/Add-References.md b/wpf/Visual-Studio-Integration/Add-References.md
index 2852e768c0..b231751f49 100644
--- a/wpf/Visual-Studio-Integration/Add-References.md
+++ b/wpf/Visual-Studio-Integration/Add-References.md
@@ -9,11 +9,11 @@ documentation: ug
# Add Reference for WPF
-Syncfusion Reference Manager is the Visual Studio Add-In for WPF platform. It adds the Syncfusion assembly reference to the project, either from the GAC location or from Essential Studio installed location or from NuGet packages. It can also migrate the projects that contain the old versions of the Syncfusion assembly reference to newer or specific versions of the Syncfusion assembly reference. It supports Microsoft Visual Studio 2015 or higher. This Visual Studio extension is included from Essential Studio 2013 Volume 3 release.
+Syncfusion Reference Manager is the Visual Studio Add-In for WPF platform. It adds the Syncfusion® assembly reference to the project, either from the GAC location or from Essential Studio® installed location or from NuGet packages. It can also migrate the projects that contain the old versions of the Syncfusion® assembly reference to newer or specific versions of the Syncfusion® assembly reference. It supports Microsoft Visual Studio 2015 or higher. This Visual Studio extension is included from Essential Studio® 2013 Volume 3 release.
-N> This Reference Manager can be applied to a project for Syncfusion assembly versions 10.4.0.71 and later.
+N> This Reference Manager can be applied to a project for Syncfusion® assembly versions 10.4.0.71 and later.
-To add the Syncfusion assembly references in Visual Studio, follow the steps below:
+To add the Syncfusion® assembly references in Visual Studio, follow the steps below:
> Check whether the **WPF Extensions - Syncfusion** are installed or not in Visual Studio Extension Manager by going to **Extensions -> Manage Extensions -> Installed** for Visual Studio 2019 or later and for Visual Studio 2017 or lower by going to **Tools -> Extensions and Updates -> Installed**. If this extension not installed, please install the extension by follow the steps from the [download and installation](download-and-installation) help topic.
@@ -22,11 +22,11 @@ To add the Syncfusion assembly references in Visual Studio, follow the steps bel
2. To open Syncfusion Reference Manager Wizard, follow either one of the options below:
**Option 1:**
- Click **Extensions->Syncfusion Menu** and choose **Essential Studio for WPF > Add References…** in **Visual Studio**.
+ Click **Extensions->Syncfusion Menu** and choose **Essential Studio® for WPF > Add References…** in **Visual Studio**.
![Syncfusion Reference Manager via Syncfusion Menu](Syncfusion-Reference-Manger_images/Syncfusion_Menu_AddReference_2019.png)
- N> In Visual Studio 2017 or lower, click Syncfusion Menu and choose Essential Studio for WPF>Add References….
+ N> In Visual Studio 2017 or lower, click Syncfusion Menu and choose Essential Studio® for WPF>Add References….
![Syncfusion Reference Manager via Syncfusion Menu](Syncfusion-Reference-Manger_images/Syncfusion_Menu_AddReference.png)
@@ -36,7 +36,7 @@ To add the Syncfusion assembly references in Visual Studio, follow the steps bel
![Syncfusion Reference Manager add-in](Syncfusion-Reference-Manger_images/Syncfusion-Reference-Manger-img1.png)
-3. The Syncfusion Reference Manager Wizard displays a list of loaded Syncfusion WPF controls.
+3. The Syncfusion Reference Manager Wizard displays a list of loaded Syncfusion® WPF controls.
![Syncfusion Reference Manger Wizard](Syncfusion-Reference-Manger_images/Syncfusion-Reference-Manger-img2.png)
@@ -44,7 +44,7 @@ To add the Syncfusion assembly references in Visual Studio, follow the steps bel
![Platform selection option in Syncfusion Reference Manger](Syncfusion-Reference-Manger_images/Syncfusion-Reference-Manger-img3.png)
- N> The platform selection option will appear only if Essential Studio for Enterprise Edition with the platforms WPF and Windows Forms has been installed, or if both Essential Studio for WPF and WinForms has been installed.
+ N> The platform selection option will appear only if Essential Studio® for Enterprise Edition with the platforms WPF and Windows Forms has been installed, or if both Essential Studio® for WPF and WinForms has been installed.
**Assembly From:** Choose the assembly location, from where the assembly is added to the project.
@@ -78,11 +78,11 @@ To add the Syncfusion assembly references in Visual Studio, follow the steps bel
![Syncfusion Reference Manager success status in Visual Studio status bar](Syncfusion-Reference-Manger_images/Syncfusion-Reference-Manger-img8.png)
-6. Then, Syncfusion licensing registration required message box will be shown if you installed the trial setup or NuGet packages since Syncfusion introduced the licensing system from 2018 Volume 2 (v16.2.0.41) Essential Studio release. Navigate to the [help topic](https://help.syncfusion.com/common/essential-studio/licensing/overview#how-to-generate-syncfusion-license-key), which is shown in the licensing message box to generate and register the Syncfusion license key to your project. Refer to this [blog](https://www.syncfusion.com/blogs/post/whats-new-in-2018-volume-2.aspx) post for understanding the licensing changes introduced in Essential Studio.
+6. Then, Syncfusion® licensing registration required message box will be shown if you installed the trial setup or NuGet packages since Syncfusion® introduced the licensing system from 2018 Volume 2 (v16.2.0.41) Essential Studio® release. Navigate to the [help topic](https://help.syncfusion.com/common/essential-studio/licensing/overview#how-to-generate-syncfusion-license-key), which is shown in the licensing message box to generate and register the Syncfusion® license key to your project. Refer to this [blog](https://www.syncfusion.com/blogs/post/whats-new-in-2018-volume-2.aspx) post for understanding the licensing changes introduced in Essential Studio®.
![Syncfusion license registration required information dialog in Syncfusion Reference Manager](Syncfusion-Reference-Manger_images/Syncfusion-Reference-Manger-img9.png)
-N> Reference Manager support is provided by Syncfusion for select versions of the.NET Framework that are included (as assemblies) in the Syncfusion Essential Studio installation. If you try to add Syncfusion assemblies to a project and the project framework isn't compatible with the specified Syncfusion version assemblies, a dialogue box shows with the message "**Current build v{version} isn't compatible with this framework v{Framework} Version**".
+N> Reference Manager support is provided by Syncfusion® for select versions of the.NET Framework that are included (as assemblies) in the Syncfusion® Essential Studio® installation. If you try to add Syncfusion assemblies to a project and the project framework isn't compatible with the specified Syncfusion® version assemblies, a dialogue box shows with the message "**Current build v{version} isn't compatible with this framework v{Framework} Version**".
diff --git a/wpf/Visual-Studio-Integration/Check-for-Updates.md b/wpf/Visual-Studio-Integration/Check-for-Updates.md
index 9cec0c4f63..d54ce829f9 100644
--- a/wpf/Visual-Studio-Integration/Check-for-Updates.md
+++ b/wpf/Visual-Studio-Integration/Check-for-Updates.md
@@ -1,17 +1,17 @@
---
layout: post
title: Check for Updates | Wpf | Syncfusion
-description: Syncfusion Check for Updates provides Extensions to update most recent version of the Essential Studio release.
+description: Syncfusion Check for Updates provides Extensions to update most recent version of the Essential Studio® release.
platform: wpf
control: Visual Studio Extensions
documentation: ug
---
-# Check for Updates in Syncfusion Essential WPF
+# Check for Updates in Syncfusion® Essential WPF
-Syncfusion provides Extensions to update the most recent version of the Essential Studio release. Installing the most recent version ensures that you always have the most up-to-date features, fixes, and improvements.
+Syncfusion® provides Extensions to update the most recent version of the Essential Studio® release. Installing the most recent version ensures that you always have the most up-to-date features, fixes, and improvements.
-I> The Syncfusion Check for updates is available from v17.1.0.32.
+I> The Syncfusion® Check for updates is available from v17.1.0.32.
You can check the availability of updates in Visual Studio and then install the update version if required.
diff --git a/wpf/Visual-Studio-Integration/Create-Project.md b/wpf/Visual-Studio-Integration/Create-Project.md
index 9f7f04ea7f..e97206820a 100644
--- a/wpf/Visual-Studio-Integration/Create-Project.md
+++ b/wpf/Visual-Studio-Integration/Create-Project.md
@@ -10,20 +10,20 @@ documentation: ug
# Create WPF application
-The Visual Studio Project Templates for the Syncfusion WPF platform allow you to quickly develop a Syncfusion WPF application by just adding the appropriate Syncfusion assemblies and XAML.
+The Visual Studio Project Templates for the Syncfusion® WPF platform allow you to quickly develop a Syncfusion WPF application by just adding the appropriate Syncfusion® assemblies and XAML.
I> The Syncfusion WPF templates are available from v16.1.0.24.
> WPF Project Template works seamlessly with Visual Studio 2015 or lower. For the Visual Studio 2017 or later versions, it is recommended to use a [WPF Template Studio](https://help.syncfusion.com/wpf/visual-studio-integration/template-studio).
-Create the Syncfusion WPF project using the Visual Studio Project Template by following the steps below:
+Create the Syncfusion® WPF project using the Visual Studio Project Template by following the steps below:
> Check whether the **WPF Extensions - Syncfusion** are installed or not in Visual Studio 2015 or lower by going to **Tools -> Extensions and Updates -> Installed**. If this extension not installed, please install the extension by follow the steps from the [download and installation](https://help.syncfusion.com/wpf/visual-studio-integration/download-and-installation) help topic.
-1. To create a Syncfusion WPF project, follow either one of the options below:
+1. To create a Syncfusion® WPF project, follow either one of the options below:
**Option 1:**
- Click **Syncfusion** Menu and choose **Essential Studio for WPF > Create New Syncfusion Project…** in **Visual Studio**.
+ Click **Syncfusion** Menu and choose **Essential Studio® for WPF > Create New Syncfusion Project…** in **Visual Studio**.
![Choose Syncfusion WPF Application from Visual Studio new project dialog via Syncfusion menu](Project-Template-images/Syncfusion-Menu.png)
@@ -40,7 +40,7 @@ Create the Syncfusion WPF project using the Visual Studio Project Template by fo
2. Name the **Project**, select the destination location when required, and specify the Framework of the project, then click **OK**.
- N> For Syncfusion WPF project templates, the minimum target Framework is 4.0.
+ N> For Syncfusion® WPF project templates, the minimum target Framework is 4.0.
3. Using the following Project Configuration Wizard, choose the options to configure the Syncfusion WPF Application.
@@ -58,13 +58,13 @@ Create the Syncfusion WPF project using the Visual Studio Project Template by fo
**Choose Theme:** Select the required theme.
- **Reference From:** Choose the assembly location such as NuGet, GAC Location, or Essential Studio installed location, from where the assembly is added to the project.
+ **Reference From:** Choose the assembly location such as NuGet, GAC Location, or Essential Studio® installed location, from where the assembly is added to the project.
- N> The installed location and GAC options will be available only after the Syncfusion Essential WPF setup has been installed. You can use the NuGet option instead of installing the Syncfusion Essential WPF setup.
+ N> The installed location and GAC options will be available only after the Syncfusion® Essential WPF setup has been installed. You can use the NuGet option instead of installing the Syncfusion® Essential WPF setup.
**Installed ES Build Version:** To add the appropriate version assemblies to the project, choose the build version.
- N> Installed ES build version option will be available only if you install the Syncfusion Essential WPF setup and select Installed Location or GAC as the assembly location.
+ N> Installed ES build version option will be available only if you install the Syncfusion® Essential WPF setup and select Installed Location or GAC as the assembly location.
**Size Mode:** Select the Size Mode either Default or Touch.
@@ -72,7 +72,7 @@ Create the Syncfusion WPF project using the Visual Studio Project Template by fo
N> Project create option will be enabled only if you have selected the window
-4. After choosing above project configuration options in the Project Configuration Wizard, click the create button then Syncfusion WPF project is created with the necessary XAML files and required Syncfusion WPF assemblies/NuGet packages.
+4. After choosing above project configuration options in the Project Configuration Wizard, click the create button then Syncfusion® WPF project is created with the necessary XAML files and required Syncfusion® WPF assemblies/NuGet packages.
![Syncfusion WPF project created with required Syncfusion WPF assemblies](Project-Template-images/Syncfusion-Project-Template-Gallery-7.png)
@@ -80,6 +80,6 @@ Create the Syncfusion WPF project using the Visual Studio Project Template by fo
![Syncfusion WPF project created with readme](Project-Template-images/Syncfusion-Project-Template-Gallery-10.png)
-5. Then, Syncfusion licensing registration required message box will be shown if you installed the trial setup or NuGet packages since Syncfusion introduced the licensing system from 2018 Volume 2 (v16.2.0.41) Essential Studio release. Navigate to the [help topic](https://help.syncfusion.com/common/essential-studio/licensing/overview#how-to-generate-syncfusion-license-key), which is shown in the licensing message box to generate and register the Syncfusion license key to your project. Refer to this [blog](https://www.syncfusion.com/blogs/post/whats-new-in-2018-volume-2.aspx) post for understanding the licensing changes introduced in Essential Studio.
+5. Then, Syncfusion® licensing registration required message box will be shown if you installed the trial setup or NuGet packages since Syncfusion® introduced the licensing system from 2018 Volume 2 (v16.2.0.41) Essential Studio® release. Navigate to the [help topic](https://help.syncfusion.com/common/essential-studio/licensing/overview#how-to-generate-syncfusion-license-key), which is shown in the licensing message box to generate and register the Syncfusion® license key to your project. Refer to this [blog](https://www.syncfusion.com/blogs/post/whats-new-in-2018-volume-2.aspx) post for understanding the licensing changes introduced in Essential Studio®.
![Syncfusion license registration required information dialog in Syncfusion WPF project](Project-Template-images/Syncfusion-Project-Template-Gallery-9.png)
\ No newline at end of file
diff --git a/wpf/Visual-Studio-Integration/Download-and-Installation-images/SyncfusionWpfMenu.png b/wpf/Visual-Studio-Integration/Download-and-Installation-images/SyncfusionWpfMenu.png
index 8e86da471b..8eb5b80683 100644
Binary files a/wpf/Visual-Studio-Integration/Download-and-Installation-images/SyncfusionWpfMenu.png and b/wpf/Visual-Studio-Integration/Download-and-Installation-images/SyncfusionWpfMenu.png differ
diff --git a/wpf/Visual-Studio-Integration/Download-and-Installation.md b/wpf/Visual-Studio-Integration/Download-and-Installation.md
index c284956c8d..906c7906a5 100644
--- a/wpf/Visual-Studio-Integration/Download-and-Installation.md
+++ b/wpf/Visual-Studio-Integration/Download-and-Installation.md
@@ -10,7 +10,7 @@ documentation: ug
# Download and Installation
-In below Visual Studio marketplace link, Syncfusion publishing the WPF Visual Studio extension. You can either use the Visual Studio to install it or go to the Visual Studio marketplace to download and install it.
+In below Visual Studio marketplace link, Syncfusion® publishing the WPF Visual Studio extension. You can either use the Visual Studio to install it or go to the Visual Studio marketplace to download and install it.
[Visual Studio 2022](https://marketplace.visualstudio.com/items?itemName=SyncfusionInc.WPFVSExtension)
diff --git a/wpf/Visual-Studio-Integration/Overview-images/Syncfusion_Menu_OverView1.png b/wpf/Visual-Studio-Integration/Overview-images/Syncfusion_Menu_OverView1.png
index 51788230c5..1474dd5c79 100644
Binary files a/wpf/Visual-Studio-Integration/Overview-images/Syncfusion_Menu_OverView1.png and b/wpf/Visual-Studio-Integration/Overview-images/Syncfusion_Menu_OverView1.png differ
diff --git a/wpf/Visual-Studio-Integration/Overview-images/WPF-1.png b/wpf/Visual-Studio-Integration/Overview-images/WPF-1.png
index a0baf62de4..11eb05d786 100644
Binary files a/wpf/Visual-Studio-Integration/Overview-images/WPF-1.png and b/wpf/Visual-Studio-Integration/Overview-images/WPF-1.png differ
diff --git a/wpf/Visual-Studio-Integration/Overview.md b/wpf/Visual-Studio-Integration/Overview.md
index eb6d08447c..3aa1c8c5ae 100644
--- a/wpf/Visual-Studio-Integration/Overview.md
+++ b/wpf/Visual-Studio-Integration/Overview.md
@@ -9,17 +9,17 @@ documentation: ug
# Syncfusion WPF Extension
-The Syncfusion WPF Studio Extensions can be accessed through the Syncfusion Menu to create and configure the project with Syncfusion references in Visual Studio.The Syncfusion WPF Extensions supports Microsoft Visual Studio 2015 or higher.
+The Syncfusion®® WPF Studio Extensions can be accessed through the Syncfusion® Menu to create and configure the project with Syncfusion® references in Visual Studio.The Syncfusion® WPF Extensions supports Microsoft Visual Studio 2015 or higher.
-N> Syncfusion Extension is published in Visual Studio Marketplace. We provided separate Syncfusion WPF Extension support for Visual Studio 2022 and Visual Studio 2019 or lower. Please refer below marketplace link.
+N> Syncfusion® Extension is published in Visual Studio Marketplace. We provided separate Syncfusion® WPF Extension support for Visual Studio 2022 and Visual Studio 2019 or lower. Please refer below marketplace link.
[Visual Studio 2022](https://marketplace.visualstudio.com/items?itemName=SyncfusionInc.WPFVSExtension)
[Visual Studio 2019 or lower](https://marketplace.visualstudio.com/items?itemName=SyncfusionInc.WPFExtension)
-I> The Syncfusion WPF menu option is available from `v17.1.0.32`.
+I> The Syncfusion® WPF menu option is available from `v17.1.0.32`.
-The Syncfusion provides the following extension supports in Visual Studio:
+The Syncfusion® provides the following extension supports in Visual Studio:
1. [Template Studio](https://help.syncfusion.com/wpf/visual-studio-integration/template-studio): Syncfusion WPF Template Studio simplifies application development with its components by managing references and providing pre-defined code. It streamlines the process of creating WPF applications.
2. [Create Project](https://help.syncfusion.com/wpf/visual-studio-integration/create-project): Creates the Syncfusion WPF application by adding the required Syncfusion assemblies and XMAL.
diff --git a/wpf/Visual-Studio-Integration/Project-Template-images/Syncfusion-Menu.png b/wpf/Visual-Studio-Integration/Project-Template-images/Syncfusion-Menu.png
index c0b0399eca..80556fe3c1 100644
Binary files a/wpf/Visual-Studio-Integration/Project-Template-images/Syncfusion-Menu.png and b/wpf/Visual-Studio-Integration/Project-Template-images/Syncfusion-Menu.png differ
diff --git a/wpf/Visual-Studio-Integration/Project-Template-images/Syncfusion-Project-Template-Gallery-1.png b/wpf/Visual-Studio-Integration/Project-Template-images/Syncfusion-Project-Template-Gallery-1.png
index 2aca02a4f2..9970c36ce9 100644
Binary files a/wpf/Visual-Studio-Integration/Project-Template-images/Syncfusion-Project-Template-Gallery-1.png and b/wpf/Visual-Studio-Integration/Project-Template-images/Syncfusion-Project-Template-Gallery-1.png differ
diff --git a/wpf/Visual-Studio-Integration/Syncfusion-Notifications.md b/wpf/Visual-Studio-Integration/Syncfusion-Notifications.md
index 6a7534c698..3090f88692 100644
--- a/wpf/Visual-Studio-Integration/Syncfusion-Notifications.md
+++ b/wpf/Visual-Studio-Integration/Syncfusion-Notifications.md
@@ -2,20 +2,20 @@
layout: post
title: Notifications | Wpf | Syncfusion
description: For displaying the notifications about trial and newer version update information for Syncfusion applications.
-platform: Wpf
+platform: wpf
control: Syncfusion Extensions
documentation: ug
---
-# Syncfusion Notifications
+# Syncfusion® Notifications
-Syncfusion enhances the user experience in WPF applications through notification messages. These notifications cover various aspects, including alerts for trial applications when utilizing Syncfusion trial assemblies, updates regarding the availability of the latest Syncfusion NuGet package, and notifications regarding newer releases of Essential Studio. By keeping users informed, Syncfusion ensures that developers stay updated with Syncfusion latest features and enhancements.
+Syncfusion® enhances the user experience in WPF applications through notification messages. These notifications cover various aspects, including alerts for trial applications when utilizing Syncfusion® trial assemblies, updates regarding the availability of the latest Syncfusion® NuGet package, and notifications regarding newer releases of Essential Studio®. By keeping users informed, Syncfusion® ensures that developers stay updated with Syncfusion® latest features and enhancements.
-N> The Syncfusion Notification feature is available from Essential Studio v22.1.34.
+N> The Syncfusion® Notification feature is available from Essential Studio® v22.1.34.
## Notification Configuration
-The Syncfusion Options page allows you to configure notification settings. Customise trial and newer version notifications with a simple true or false toggle.
+The Syncfusion® Options page allows you to configure notification settings. Customise trial and newer version notifications with a simple true or false toggle.
It can be accessed by clicking **Tools -> Options -> Syncfusion -> WPF**
@@ -23,27 +23,27 @@ It can be accessed by clicking **Tools -> Options -> Syncfusion -> WPF**
## Notification Types
-**1. Syncfusion Trial Application Notification**
+**1. Syncfusion® Trial Application Notification**
-When you utilize Syncfusion trial assemblies in your WPF application, you will receive a notification stating, **This application uses a trial Syncfusion license.** This notification encourages you to obtain a valid license key, enabling you to fully explore and experience the extensive features and capabilities offered by Syncfusion.
+When you utilize Syncfusion® trial assemblies in your WPF application, you will receive a notification stating, **This application uses a trial Syncfusion license.** This notification encourages you to obtain a valid license key, enabling you to fully explore and experience the extensive features and capabilities offered by Syncfusion®.
![Trial Notification](Notification-Images/wpf-trial.png)
-**2. Newer Syncfusion NuGet Package Notification**
+**2. Newer Syncfusion® NuGet Package Notification**
-If you have installed lower versions of Syncfusion NuGet packages in your application, you will be notified about the availability of higher versions of Syncfusion NuGet packages on nuget.org. This empowers you to easily identify opportunities to upgrade and gain access to new features, performance enhancements, and bug fixes.
+If you have installed lower versions of Syncfusion® NuGet packages in your application, you will be notified about the availability of higher versions of Syncfusion® NuGet packages on nuget.org. This empowers you to easily identify opportunities to upgrade and gain access to new features, performance enhancements, and bug fixes.
![NuGet Notification](Notification-Images/wpf-nuget.png)
-**3. Newer Essential Studio Build Notification**
+**3. Newer Essential Studio® Build Notification**
-If you use older versions of Syncfusion assemblies or NuGet packages from **Essential Studio WPF,** Syncfusion will notify you about new releases for the latest Essential Studio build. Updating to the newest version ensures access to recent features, enhancements, and important updates, maximizing the capabilities of Syncfusion in your WPF development projects.
+If you use older versions of Syncfusion® assemblies or NuGet packages from **Essential Studio® WPF,** Syncfusion® will notify you about new releases for the latest Essential Studio® build. Updating to the newest version ensures access to recent features, enhancements, and important updates, maximizing the capabilities of Syncfusion® in your WPF development projects.
![Build Notification](Notification-Images/wpf-build.png)
**4. Invalid License Key Notification**
-If you have mistakenly used an incorrect license key or used a license from another version or platform in your WPF application, Syncfusion will display a notification message stating, **The provided Syncfusion license key is invalid.** This message serves as a reminder to obtain a valid license key and ensure proper licensing for Syncfusion components.
+If you have mistakenly used an incorrect license key or used a license from another version or platform in your WPF application, Syncfusion® will display a notification message stating, **The provided Syncfusion license key is invalid.** This message serves as a reminder to obtain a valid license key and ensure proper licensing for Syncfusion® components.
![Invalid Notification](Notification-Images/wpf-invalid.png)
diff --git a/wpf/Visual-Studio-Integration/Syncfusion-Reference-Manger_images/Syncfusion_Menu_AddReference_2019.png b/wpf/Visual-Studio-Integration/Syncfusion-Reference-Manger_images/Syncfusion_Menu_AddReference_2019.png
index 123eeba4ff..8d99b730d0 100644
Binary files a/wpf/Visual-Studio-Integration/Syncfusion-Reference-Manger_images/Syncfusion_Menu_AddReference_2019.png and b/wpf/Visual-Studio-Integration/Syncfusion-Reference-Manger_images/Syncfusion_Menu_AddReference_2019.png differ
diff --git a/wpf/Visual-Studio-Integration/SyncfusionTroubleshooter_images/Syncfusion_Menu_Troubleshooter_2019.png b/wpf/Visual-Studio-Integration/SyncfusionTroubleshooter_images/Syncfusion_Menu_Troubleshooter_2019.png
index 123eeba4ff..692f5b3eab 100644
Binary files a/wpf/Visual-Studio-Integration/SyncfusionTroubleshooter_images/Syncfusion_Menu_Troubleshooter_2019.png and b/wpf/Visual-Studio-Integration/SyncfusionTroubleshooter_images/Syncfusion_Menu_Troubleshooter_2019.png differ
diff --git a/wpf/Visual-Studio-Integration/Template-Studio-Images/WPF-1.png b/wpf/Visual-Studio-Integration/Template-Studio-Images/WPF-1.png
index a0baf62de4..8a80559593 100644
Binary files a/wpf/Visual-Studio-Integration/Template-Studio-Images/WPF-1.png and b/wpf/Visual-Studio-Integration/Template-Studio-Images/WPF-1.png differ
diff --git a/wpf/Visual-Studio-Integration/Template-Studio.md b/wpf/Visual-Studio-Integration/Template-Studio.md
index f8c84d6e9a..86cea03ca9 100644
--- a/wpf/Visual-Studio-Integration/Template-Studio.md
+++ b/wpf/Visual-Studio-Integration/Template-Studio.md
@@ -10,22 +10,22 @@ documentation: ug
# Syncfusion WPF Template Studio
-The WPF Template Studio is a tool Syncfusion provides specifically for building applications using their WPF components. This studio streamlines the development process by including essential Syncfusion components, managing necessary NuGet references, providing predefined namespaces, and generating component render code. It acts as a template studio wizard, making it easier for developers to create WPF applications using Syncfusion components.
+The WPF Template Studio is a tool Syncfusion® provides specifically for building applications using their WPF components. This studio streamlines the development process by including essential Syncfusion® components, managing necessary NuGet references, providing predefined namespaces, and generating component render code. It acts as a template studio wizard, making it easier for developers to create WPF applications using Syncfusion® components.
I> The Syncfusion WPF Template Studio is available from v23.1.36.
N> WPF Template Studio works seamlessly with Visual Studio 2017 or later. For the Visual Studio 2015 or lower versions, it is recommended to use a [WPF project template](https://help.syncfusion.com/wpf/visual-studio-integration/create-project).
-Create the Syncfusion WPF project using the Visual Studio Project Template by following the provided steps.
+Create the Syncfusion® WPF project using the Visual Studio Project Template by following the provided steps.
> Check whether the **WPF Extensions - Syncfusion** are installed or not in Visual Studio Extension Manager by going to **Extensions -> Manage Extensions -> Installed** for Visual Studio 2019 or later, and for Visual Studio 2017 by going to **Tools -> Extensions and Updates -> Installed**. If this extension is not installed, please install the extension by following the steps from the [download and installation](https://help.syncfusion.com/wpf/visual-studio-integration/download-and-installation) help topic.
1. Open the Visual Studio 2022.
-2. Select one of the following options to create the Syncfusion WPF application
+2. Select one of the following options to create the Syncfusion® WPF application
**Option 1:**
- Choose **Extension -> Syncfusion -> Essential Studio for WPF -> Create New Syncfusion Project…** from the Visual Studio menu.
+ Choose **Extension -> Syncfusion -> Essential Studio® for WPF -> Create New Syncfusion Project…** from the Visual Studio menu.
![Choose Syncfusion WPF Application from Visual Studio new project dialog via Syncfusion menu](Template-Studio-Images/WPF-1.png)
@@ -58,7 +58,7 @@ Create the Syncfusion WPF project using the Visual Studio Project Template by fo
**Project type:** Choose this option to select from 4 project types, including Navigation Pane, Blank, Menu Bar, and Ribbon .
-6. Click **Next** or navigate to the **Pages** tab to access a list of available Syncfusion WPF components you can add to the application.
+6. Click **Next** or navigate to the **Pages** tab to access a list of available Syncfusion® WPF components you can add to the application.
![Syncfusion WPF pages selection wizard](Template-Studio-Images/WPF-6.png)
@@ -80,7 +80,7 @@ In the **Project Details** section, you can modify configurations and project ty
![Syncfusion WPF project details selection and unselection wizard](Template-Studio-Images/WPF-8.png)
-9. Click **Create** to generate the Syncfusion WPF application. Once you've created the project, the relevant Syncfusion NuGet packages will be automatically added to your project for the chosen components. For example, if you add an **DataGrid** control, the corresponding Syncfusion NuGet packages required for that control will be installed.
+9. Click **Create** to generate the Syncfusion WPF application. Once you've created the project, the relevant Syncfusion® NuGet packages will be automatically added to your project for the chosen components. For example, if you add an **DataGrid** control, the corresponding Syncfusion® NuGet packages required for that control will be installed.
![Syncfusion WPF project created with readme](Template-Studio-Images/WPF-9.png)
@@ -155,6 +155,6 @@ In the **Project Details** section, you can modify configurations and project ty
>
>
-13. Then, Syncfusion licensing registration required message box will be shown if you installed the trial setup or NuGet packages since Syncfusion introduced the licensing system from 2018 Volume 2 (v16.2.0.41) Essential Studio release. Navigate to the [help topic](https://help.syncfusion.com/common/essential-studio/licensing/overview#how-to-generate-syncfusion-license-key), which is shown in the licensing message box to generate and register the Syncfusion license key to your project. Refer to this [blog](https://www.syncfusion.com/blogs/post/whats-new-in-2018-volume-2.aspx) post for understanding the licensing changes introduced in Essential Studio.
+13. Then, Syncfusion® licensing registration required message box will be shown if you installed the trial setup or NuGet packages since Syncfusion® introduced the licensing system from 2018 Volume 2 (v16.2.0.41) Essential Studio® release. Navigate to the [help topic](https://help.syncfusion.com/common/essential-studio/licensing/overview#how-to-generate-syncfusion-license-key), which is shown in the licensing message box to generate and register the Syncfusion® license key to your project. Refer to this [blog](https://www.syncfusion.com/blogs/post/whats-new-in-2018-volume-2.aspx) post for understanding the licensing changes introduced in Essential Studio®.
![Syncfusion license registration required information dialog in Syncfusion WPF project](Template-Studio-Images/Syncfusion-Project-Template-Gallery-9.png)
\ No newline at end of file
diff --git a/wpf/Visual-Studio-Integration/Toolbox-Configuration.md b/wpf/Visual-Studio-Integration/Toolbox-Configuration.md
index f7b7534f33..ee478fa3a9 100644
--- a/wpf/Visual-Studio-Integration/Toolbox-Configuration.md
+++ b/wpf/Visual-Studio-Integration/Toolbox-Configuration.md
@@ -1,21 +1,21 @@
---
layout: post
title: Toolbox Configuration | Wpf | Syncfusion
-description: This section provides information regarding all the Syncfusion Essential Studio utilities and its usage
+description: This section provides information regarding all the Syncfusion Essential Studio® utilities and its usage
platform: wpf
-control: Essential Studio
+control: Essential Studio®
documentation: ug
---
# Toolbox Configuration
-The Syncfusion Toolbox Installer utility incorporates the Syncfusion WPF components into the Visual Studio .NET toolbox.
+The Syncfusion Toolbox Installer utility incorporates the Syncfusion® WPF components into the Visual Studio .NET toolbox.
-N> Toolbox configuration support is not available for the Visual Studio Express Edition. However, you can manually configure the Syncfusion controls into the Visual Studio Express Toolbox. To do so, refer the [Manual Toolbox Configuration](https://help.syncfusion.com/common/faq/how-to-configure-the-toolbox-of-visual-studio-manually).
+N> Toolbox configuration support is not available for the Visual Studio Express Edition. However, you can manually configure the Syncfusion® controls into the Visual Studio Express Toolbox. To do so, refer the [Manual Toolbox Configuration](https://help.syncfusion.com/common/faq/how-to-configure-the-toolbox-of-visual-studio-manually).
-If the “Configure Syncfusion Controls in Visual Studio” checkbox is selected from the installer UI while installing the Syncfusion WPF installer, Syncfusion components will be automatically configured in the Visual Studio toolbox.
+If the “Configure Syncfusion® Controls in Visual Studio” checkbox is selected from the installer UI while installing the Syncfusion® WPF installer, Syncfusion® components will be automatically configured in the Visual Studio toolbox.
-To add the Syncfusion WPF components via the Syncfusion Toolbox Installer, perform the following steps:
+To add the Syncfusion® WPF components via the Syncfusion Toolbox Installer, perform the following steps:
1. To launch Toolbox configuration utility, follow either one of the options below:
@@ -25,7 +25,7 @@ To add the Syncfusion WPF components via the Syncfusion Toolbox Installer, perfo
![Add On and Utilities in Toolbox Installer for WPF](toolbox-configuration_images/wpf-toolbox-installer-add-on-and-utilities.png)
**Option 2:**
- Click **Syncfusion menu** and choose **Essential Studio for WPF > Toolbox Configuration...** in **Visual Studio**
+ Click **Syncfusion menu** and choose **Essential Studio® for WPF > Toolbox Configuration...** in **Visual Studio**
![Toolbox Installer via Syncfusion menu](toolbox-configuration_images/syncfusion-menu-toolbox.png)
@@ -61,23 +61,23 @@ To add the Syncfusion WPF components via the Syncfusion Toolbox Installer, perfo
## Configuring toolbox for WPF in Visual Studio 2022
-From 2021 Volume 4, Syncfusion started providing toolbox support for .NET Framework in Visual Studio 2022 Toolbox. After installing the Syncfusion WPF installer, Syncfusion controls will be automatically configured in the Visual Studio 2022 toolbox for WPF projects.
+From 2021 Volume 4, Syncfusion® started providing toolbox support for .NET Framework in Visual Studio 2022 Toolbox. After installing the Syncfusion® WPF installer, Syncfusion® controls will be automatically configured in the Visual Studio 2022 toolbox for WPF projects.
-N> * Syncfusion WPF .NET 5.0 controls will be compatible with .NET 6.0, on installing the Syncfusion WPF installer, our .NET 5.0 controls will be configured the toolbox for .NET 6.0 projects too.
+N> * Syncfusion® WPF .NET 5.0 controls will be compatible with .NET 6.0, on installing the Syncfusion® WPF installer, our .NET 5.0 controls will be configured the toolbox for .NET 6.0 projects too.
## Configuring toolbox for WPF .NET 5.0 projects
-From 2021 Volume 1, Syncfusion started providing toolbox support for the WPF .NET 5.0 framework in Visual Studio. After installing the Syncfusion WPF installer, Syncfusion controls will be automatically configured in the Visual Studio toolbox for WPF.NET 5.0 projects.
+From 2021 Volume 1, Syncfusion® started providing toolbox support for the WPF .NET 5.0 framework in Visual Studio. After installing the Syncfusion® WPF installer, Syncfusion® controls will be automatically configured in the Visual Studio toolbox for WPF.NET 5.0 projects.
-N> * Syncfusion included this toolbox support for .NET 5.0 WPF platform from 2021 Volume 1 release version v19.1.0.54 only.
-* If the project was created with TargetFramework.NET Core 3.1 and then changed to.NET 5.0 after installing the WPF setup, you must restart Visual Studio to see the Syncfusion controls in the Visual Studio Toolbox.
+N> * Syncfusion® included this toolbox support for .NET 5.0 WPF platform from 2021 Volume 1 release version v19.1.0.54 only.
+* If the project was created with TargetFramework.NET Core 3.1 and then changed to.NET 5.0 after installing the WPF setup, you must restart Visual Studio to see the Syncfusion® controls in the Visual Studio Toolbox.
* Visual Studio 2019 16.7 Preview 2 and later is required.
-### Upgrading the Syncfusion WPF toolbox .NET 5.0 controls without installing the build
+### Upgrading the Syncfusion® WPF toolbox .NET 5.0 controls without installing the build
-You can upgrade the Syncfusion WPF toolbox for .NET 5.0 control with NuGet packages downloaded from [nuget.org](https://www.nuget.org/). Download ["Syncfusion.UI.WPF.NET"](https://www.nuget.org/packages/Syncfusion.UI.WPF.NET/) package from nuget.org in your machine.
+You can upgrade the Syncfusion® WPF toolbox for .NET 5.0 control with NuGet packages downloaded from [nuget.org](https://www.nuget.org/). Download ["Syncfusion.UI.WPF.NET"](https://www.nuget.org/packages/Syncfusion.UI.WPF.NET/) package from nuget.org in your machine.
-Use the following steps to add the Syncfusion WPF controls through Syncfusion NuGet packages:
+Use the following steps to add the Syncfusion® WPF controls through Syncfusion® NuGet packages:
**step 1:**
@@ -101,31 +101,31 @@ Use the following steps to add the Syncfusion WPF controls through Syncfusion Nu
Or you can create this file in the same location by using the XML format given below
- {% tabs %}
- {% highlight XML %}
+{% tabs %}
+{% highlight XML %}
- {% endhighlight %}
- {% endtabs %}
+{% endhighlight %}
+{% endtabs %}
**step 3:**
- Update extracted Syncfusion NuGet package path in **value** attribute.
+ Update extracted Syncfusion® NuGet package path in **value** attribute.
**Example:**
![Toolbox Installer for WPF application](toolbox-configuration_images/wpf-net-50-toolbox-package-update.png)
**step 4:**
- Now restart the Visual Studio 2019 to get populate the latest Syncfusion controls in Toolbox.
+ Now restart the Visual Studio 2019 to get populate the latest Syncfusion® controls in Toolbox.
## Configuring toolbox for .NET Core 3.1 projects
-The Syncfusion NuGet packages must be installed in the WPF .NET Core application before the Syncfusion toolbox can be configured. The corresponding NuGet packages Syncfusion components will be configured in Visual Studio toolbox after installing the Syncfusion NuGet packages in.NET Core application.
+The Syncfusion® NuGet packages must be installed in the WPF .NET Core application before the Syncfusion® toolbox can be configured. The corresponding NuGet packages Syncfusion® components will be configured in Visual Studio toolbox after installing the Syncfusion® NuGet packages in.NET Core application.
-Please refer the documentation [link](../installation/install-nuget-packages), to learn more about how to use the Syncfusion components using the Syncfusion NuGet packages in .NET Core application.
+Please refer the documentation [link](../installation/install-nuget-packages), to learn more about how to use the Syncfusion® components using the Syncfusion® NuGet packages in .NET Core application.
diff --git a/wpf/Visual-Studio-Integration/Troubleshooting.md b/wpf/Visual-Studio-Integration/Troubleshooting.md
index 26ea8ac557..a900f3731a 100644
--- a/wpf/Visual-Studio-Integration/Troubleshooting.md
+++ b/wpf/Visual-Studio-Integration/Troubleshooting.md
@@ -9,7 +9,7 @@ documentation: ug
# Troubleshoot the project
-Troubleshoot the project with the Syncfusion configuration and apply the fix, such as wrong.NET Framework version of a Syncfusion assembly to the project or missing any Syncfusion dependent assembly of a referred assembly. The Syncfusion Troubleshooter can perform the following tasks:
+Troubleshoot the project with the Syncfusion® configuration and apply the fix, such as wrong.NET Framework version of a Syncfusion® assembly to the project or missing any Syncfusion® dependent assembly of a referred assembly. The Syncfusion Troubleshooter can perform the following tasks:
* Report the Configuration issues.
* Apply the solution
@@ -23,11 +23,11 @@ The steps below will assist you in using the Syncfusion Troubleshooter by Visual
1. To open Syncfusion Troubleshooter Wizard, follow either one of the options below:
**Option 1**
- Open an existing Syncfusion WPF Application, Click **Extensions-> Syncfusion Menu and choose Essential Studio for WPF > Troubleshoot…** in Visual Studio.
+ Open an existing Syncfusion WPF Application, Click **Extensions-> Syncfusion Menu and choose Essential Studio® for WPF > Troubleshoot…** in Visual Studio.
![Syncfusion Troubleshooter via Syncfusion menu](SyncfusionTroubleshooter_images/Syncfusion_Menu_Troubleshooter_2019.png)
- N> In Visual Studio 2017 or lower, click Syncfusion Menu and choose Essential Studio for WPF > Troubleshoot… in Visual Studio.
+ N> In Visual Studio 2017 or lower, click Syncfusion Menu and choose Essential Studio® for WPF > Troubleshoot… in Visual Studio.
![Syncfusion Troubleshooter via Syncfusion menu](SyncfusionTroubleshooter_images/Syncfusion_Menu_Troubleshooter.png)
@@ -36,7 +36,7 @@ The steps below will assist you in using the Syncfusion Troubleshooter by Visual
![Syncfusion Troubleshooter add-in](SyncfusionTroubleshooter_images/SyncfusionTroubleshooter-img1_2019.png)
-2. Analyze the project now, and if any Syncfusion controls project configuration errors are discovered, they will be reported in the Troubleshooter dialog. If there are no configuration issues with the project, the dialog box will indicate that no modifications are required in the following areas:
+2. Analyze the project now, and if any Syncfusion® controls project configuration errors are discovered, they will be reported in the Troubleshooter dialog. If there are no configuration issues with the project, the dialog box will indicate that no modifications are required in the following areas:
* Syncfusion assembly references.
* Syncfusion NuGet Packages.
@@ -44,7 +44,7 @@ The steps below will assist you in using the Syncfusion Troubleshooter by Visual
![No configuration changes required dialog box](SyncfusionTroubleshooter_images/SyncfusionTroubleshooter-img2.png)
-I> The Syncfusion Troubleshooter options will be visible only for Syncfusion projects which means the project should contain Syncfusion assemblies or Syncfusion NuGet packages referred, and project should be .NET Framework project.
+I> The Syncfusion Troubleshooter options will be visible only for Syncfusion® projects which means the project should contain Syncfusion® assemblies or Syncfusion® NuGet packages referred, and project should be .NET Framework project.
The Syncfusion Troubleshooter handles the following project configuration issues:
@@ -56,7 +56,7 @@ The Syncfusion Troubleshooter handles the following project configuration issues
### Assembly Reference Issues
-The Syncfusion Troubleshooter handles the assembly reference issues listed below in Syncfusion Projects.
+The Syncfusion Troubleshooter handles the assembly reference issues listed below in Syncfusion® Projects.
1. Dependent assemblies are missing for referred assemblies from project.
@@ -64,7 +64,7 @@ The Syncfusion Troubleshooter handles the assembly reference issues listed below
![Dependent assemblies missing issue shown in Troubleshooter wizard](SyncfusionTroubleshooter_images/SyncfusionTroubleshooter-img3.png)
-2. Syncfusion Troubleshooter compare all Syncfusion assembly’s versions in the same project. If found any Syncfusion assembly version inconsistency, the Syncfusion Troubleshooter will show Syncfusion assemblies version mismatched.
+2. Syncfusion Troubleshooter compare all Syncfusion® assembly’s versions in the same project. If found any Syncfusion assembly version inconsistency, the Syncfusion Troubleshooter will show Syncfusion assemblies version mismatched.
**For Instance:** If “Syncfusion.Tools.WPF” assembly (v17.1450.0.32) referred in project, but other Syncfusion assemblies referred assembly version is v17.1450.0.38. The Syncfusion Troubleshooter will show Syncfusion assembly version mismatched.
@@ -82,7 +82,7 @@ The Syncfusion Troubleshooter handles the assembly reference issues listed below
### NuGet Issues
-The Syncfusion Troubleshooter addressed following NuGet package related issues in Syncfusion projects.
+The Syncfusion Troubleshooter addressed following NuGet package related issues in Syncfusion® projects.
1. If the application has Syncfusion NuGet packages in multiple versions, then Syncfusion Troubleshooter will show Syncfusion NuGet package version is mismatched.
@@ -106,7 +106,7 @@ I> Internet connection is required to restore the missing dependent packages. If
### Toolbox Configuration Issues
-In Syncfusion projects, the Syncfusion Troubleshooter addresses the following Toolbox Configuration issues.
+In Syncfusion® projects, the Syncfusion Troubleshooter addresses the following Toolbox Configuration issues.
1. If the project .NET Framework version’s Syncfusion Toolbox is not installed/configured, the Syncfusion Troubleshooter will show Syncfusion Toolbox .NET Framework version is mismatched.
@@ -134,6 +134,6 @@ In Syncfusion projects, the Syncfusion Troubleshooter addresses the following To
![Syncfusion Troubleshooter process success status message in visual studio status bar](SyncfusionTroubleshooter_images/SyncfusionTroubleshooter-img14.jpeg)
-4. Then, Syncfusion licensing registration required message box will be shown if you installed the trial setup or NuGet packages since Syncfusion introduced the licensing system from 2018 Volume 2 (v16.2.0.41) Essential Studio release. Navigate to the [help topic](https://help.syncfusion.com/common/essential-studio/licensing/overview#how-to-generate-syncfusion-license-key), which is shown in the licensing message box to generate and register the Syncfusion license key to your project. Refer to this [blog](https://www.syncfusion.com/blogs/post/whats-new-in-2018-volume-2.aspx) post for understanding the licensing changes introduced in Essential Studio.
+4. Then, Syncfusion® licensing registration required message box will be shown if you installed the trial setup or NuGet packages since Syncfusion® introduced the licensing system from 2018 Volume 2 (v16.2.0.41) Essential Studio® release. Navigate to the [help topic](https://help.syncfusion.com/common/essential-studio/licensing/overview#how-to-generate-syncfusion-license-key), which is shown in the licensing message box to generate and register the Syncfusion® license key to your project. Refer to this [blog](https://www.syncfusion.com/blogs/post/whats-new-in-2018-volume-2.aspx) post for understanding the licensing changes introduced in Essential Studio®.
![Syncfusion license registration required information dialog in Syncfusion Troubleshooter](SyncfusionTroubleshooter_images/SyncfusionTroubleshooter-img15.jpeg)
\ No newline at end of file
diff --git a/wpf/Visual-Studio-Integration/toolbox-configuration_images/syncfusion-menu-toolbox-2019.png b/wpf/Visual-Studio-Integration/toolbox-configuration_images/syncfusion-menu-toolbox-2019.png
index 94cc985092..11eb05d786 100644
Binary files a/wpf/Visual-Studio-Integration/toolbox-configuration_images/syncfusion-menu-toolbox-2019.png and b/wpf/Visual-Studio-Integration/toolbox-configuration_images/syncfusion-menu-toolbox-2019.png differ