Skip to content

Commit 56d9569

Browse files
SyncfusionBuildSyncfusionBuild
authored
Merge pull request #413 from Syncfusion-Content/hotfix/hotfix-v20.3.0.47
DOCINFRA-2341_merged_using_automation
2 parents 3ff62d0 + c91d980 commit 56d9569

File tree

146 files changed

+1774
-509
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

146 files changed

+1774
-509
lines changed

‎wpf/Add-Syncfusion-Controls.md

Lines changed: 34 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -18,27 +18,28 @@ The Syncfusion WPF controls can be added in a Visual Studio projects by using ei
1818

1919
Syncfusion UI for WPF are added automatically to the Visual Studio Toolbox during installation. The following steps help you to add the required Essential WPF control using drag and drop from the Toolbox. For example: **SfTextBoxExt**
2020

21-
1) Create a WPF project in Visual Studio.
21+
1. Create a WPF project in Visual Studio.
2222

23-
2) Find **SfTextBoxExt** by typing the name of the "SfTextBoxExt" in the search box.
23+
2. Find **SfTextBoxExt** by typing the name of the "SfTextBoxExt" in the search box.
2424

2525
![Drag and drop from toolbox](ThroughDragndDrop_images/AddSyncfusionControls_img1.jpeg)
2626

27-
3) Drag **SfTextBoxExt** and drop it in the designer.
27+
3. Drag **SfTextBoxExt** and drop it in the designer.
2828

2929
![WPF TextBoxExt control](ThroughDragndDrop_images/AddSyncfusionControls_img2.jpeg)
3030

3131
### Using XAML
3232

3333
The following steps help you to add a required Essential WPF Control using XAML Code, for example: **SfTextBoxExt**.
3434

35-
1) Create a WPF project in Visual Studio and refer the following assemblies:
35+
1. Create a WPF project in Visual Studio and refer the following assemblies:
3636

37-
* Syncfusion.SfInput.WPF.dll
38-
* Syncfusion.SfShared.WPF.dll
37+
* Syncfusion.SfInput.WPF.dll
38+
* Syncfusion.SfShared.WPF.dll
3939

40-
2) Include an XML namespace for the above assemblies to the Main window.
40+
2. Include an XML namespace for the above assemblies to the Main window.
4141

42+
{% capture codesnippet1 %}
4243
{% tabs %}
4344

4445
{% highlight XAML %}
@@ -51,9 +52,12 @@ The following steps help you to add a required Essential WPF Control using XAML
5152
{% endhighlight %}
5253

5354
{% endtabs %}
55+
{% endcapture %}
56+
{{ codesnippet1 | OrderList_Indent_Level_1 }}
5457

55-
3) Now, add the SfTextBoxExt control with a required optimal name using the included namespace.
58+
3. Now, add the SfTextBoxExt control with a required optimal name using the included namespace.
5659

60+
{% capture codesnippet2 %}
5761
{% tabs %}
5862

5963
{% highlight XAML %}
@@ -63,18 +67,21 @@ The following steps help you to add a required Essential WPF Control using XAML
6367
{% endhighlight %}
6468

6569
{% endtabs %}
70+
{% endcapture %}
71+
{{ codesnippet2 | OrderList_Indent_Level_1 }}
6672

6773
## Using Code-Behind
6874

6975
Syncfusion UI for WPF can be added at runtime using C# / VB. The following steps help you to add required Essential WPF control using code. For example: **SfTextBoxExt**.
7076

71-
1) Create a WPF project in Visual Studio and refer to the following assemblies:
77+
1. Create a WPF project in Visual Studio and refer to the following assemblies:
7278

73-
* Syncfusion.SfInput.WPF.dll
74-
* Syncfusion.SfShared.WPF.dll
79+
* Syncfusion.SfInput.WPF.dll
80+
* Syncfusion.SfShared.WPF.dll
7581

76-
2) Create an instance of **SfTextBoxExt**, using its namespace.
82+
2. Create an instance of **SfTextBoxExt**, using its namespace.
7783

84+
{% capture codesnippet3 %}
7885
{% tabs %}
7986

8087
{% highlight C# %}
@@ -90,9 +97,12 @@ Dim textBoxExt1 As New Syncfusion.Windows.Controls.Input.SfTextBoxExt()
9097
{% endhighlight %}
9198

9299
{% endtabs %}
100+
{% endcapture %}
101+
{{ codesnippet3 | OrderList_Indent_Level_1 }}
93102

94-
3) Set the Size and Alignment of the control with required value.
103+
3. Set the Size and Alignment of the control with required value.
95104

105+
{% capture codesnippet4 %}
96106
{% tabs %}
97107

98108
{% highlight C# %}
@@ -116,9 +126,12 @@ textBoxExt1.HorizontalAlignment = HorizontalAlignment.Center
116126
{% endhighlight %}
117127

118128
{% endtabs %}
129+
{% endcapture %}
130+
{{ codesnippet4 | OrderList_Indent_Level_1 }}
119131

120-
4) Add the created instance to the parent window (or the needed layout panels).
132+
4. Add the created instance to the parent window (or the needed layout panels).
121133

134+
{% capture codesnippet5 %}
122135
{% tabs %}
123136

124137
{% highlight C# %}
@@ -136,6 +149,8 @@ Me.Content = textBoxExt1
136149
{% endhighlight %}
137150

138151
{% endtabs %}
152+
{% endcapture %}
153+
{{ codesnippet5 | OrderList_Indent_Level_1 }}
139154

140155
![WPF TextBoxExt control](ThroughDragndDrop_images/AddSyncfusionControls_img3.jpeg)
141156

@@ -149,15 +164,15 @@ I> The Syncfusion WPF templates are available from v16.1.0.24.
149164

150165
The following steps direct you to create the Syncfusion WPF project using the Visual Studio Project Template.
151166

152-
1) To create a Syncfusion WPF project, choose New Project-> Syncfusion->Windows->Syncfusion WPF Application from Visual Studio.
167+
1. To create a Syncfusion WPF project, choose New Project-> Syncfusion->Windows->Syncfusion WPF Application from Visual Studio.
153168

154169
![Create WPF application](Add-Syncfusion-Control_images\Syncfusion-Project-Template-Gallery-1.png)
155170

156-
2) Name the Project, choose the destination location when required and set the framework of the project, then click OK.
171+
2. Name the Project, choose the destination location when required and set the framework of the project, then click OK.
157172

158173
N> Minimum target Framework is 4.0 for Syncfusion WPF project templates.
159174

160-
3) Choose the options to configure the Syncfusion WPF Application by using the following Project Configuration Wizard.
175+
3. Choose the options to configure the Syncfusion WPF Application by using the following Project Configuration Wizard.
161176

162177
![WPF Project configuration wizard](Add-Syncfusion-Control_images\Syncfusion-Project-Template-Gallery-2.png)
163178

@@ -179,12 +194,12 @@ N> Minimum target Framework is 4.0 for Syncfusion WPF project templates.
179194

180195
![Select the WPF Control](Add-Syncfusion-Control_images\Syncfusion-Project-Template-Gallery-6.png)
181196

182-
4) Once the Project Configuration Wizard is done, the Syncfusion WPF project is created with required references and XAML.
197+
4. Once the Project Configuration Wizard is done, the Syncfusion WPF project is created with required references and XAML.
183198

184199
![Added assemblies for WPF control](Add-Syncfusion-Control_images\Syncfusion-Project-Template-Gallery-7.png)
185200

186201
![Shows project folder for added control](Add-Syncfusion-Control_images\Syncfusion-Project-Template-Gallery-8.png)
187202

188-
5) Then, Syncfusion licensing registration required message box will be shown as follows, if you have installed the trial setup or NuGet packages since Syncfusion introduced the licensing system with the 2018 Volume 2 (v16.2.0.41) Essential Studio release. Please 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 for 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.
203+
5. Then, Syncfusion licensing registration required message box will be shown as follows, if you have installed the trial setup or NuGet packages since Syncfusion introduced the licensing system with the 2018 Volume 2 (v16.2.0.41) Essential Studio release. Please 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 for 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.
189204

190205
![Shows syncfusion license registration message](Add-Syncfusion-Control_images\Syncfusion-Project-Template-Gallery-9.png)

‎wpf/Autocomplete/Getting-Started.md

Lines changed: 19 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ documentation: ug
1313

1414
Refer to this [Control Dependencies](https://help.syncfusion.com/wpf/control-dependencies#sftextboxext) section to get the list of assemblies or NuGet package that needs to be added as a reference to use the control in any application.
1515

16-
Refer to this [How to install nuget packages](https://help.syncfusion.com/wpf/nuget-packages) documentation to find more details about installing the NuGet package in a WPF application.
16+
Refer to this [How to install nuget packages](https://help.syncfusion.com/wpf/welcome-to-syncfusion-essential-wpf) documentation to find more details about installing the NuGet package in a WPF application.
1717

1818
## Creating a simple application
1919

@@ -42,6 +42,7 @@ To add the control manually in XAML, follow the given steps:
4242
2. Import Syncfusion WPF schema **http://schemas.syncfusion.com/wpf** in the XAML page.
4343
3. Declare the [SfTextBoxExt](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Input.SfTextBoxExt.html) control in the XAML page.
4444

45+
{% capture codesnippet1 %}
4546
{% tabs %}
4647
{% highlight XAML %}
4748

@@ -64,6 +65,8 @@ To add the control manually in XAML, follow the given steps:
6465

6566
{% endhighlight %}
6667
{% endtabs %}
68+
{% endcapture %}
69+
{{ codesnippet1 | OrderList_Indent_Level_1 }}
6770

6871
### Add a control manually in C#
6972

@@ -75,6 +78,7 @@ To add the control manually in C#, follow the given steps:
7578
2. Import the [SfTextBoxExt](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Input.SfTextBoxExt.html) namespace using **Syncfusion.Windows.Controls.Input;**.
7679
3. Create an [SfTextBoxExt](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Input.SfTextBoxExt.html) instance, and add it to the window.
7780

81+
{% capture codesnippet2 %}
7882
{% tabs %}
7983
{% highlight C# %}
8084

@@ -102,6 +106,8 @@ namespace TextBoxExt
102106

103107
{% endhighlight %}
104108
{% endtabs %}
109+
{% endcapture %}
110+
{{ codesnippet2 | OrderList_Indent_Level_1 }}
105111

106112
![GettingStarted](GettingStarted_images/GettingStarted.png)
107113

@@ -111,8 +117,9 @@ AutoComplete is a data-bound control. So before create binding to the control, y
111117

112118
For illustration, let us create a textbox, which will populate a list of employees.
113119

114-
1.Create data object class named **Employee** and declare properties as shown below,
120+
1. Create data object class named **Employee** and declare properties as shown below,
115121

122+
{% capture codesnippet3 %}
116123
{% highlight c# %}
117124

118125
public class Employee
@@ -134,10 +141,13 @@ public class Employee
134141
}
135142

136143
{% endhighlight %}
144+
{% endcapture %}
145+
{{ codesnippet3 | OrderList_Indent_Level_1 }}
137146

138147

139-
2.Create a **EmployeeViewModel** class with Employees property and Employees property is initialized with several data objects in constructor.
148+
2. Create a **EmployeeViewModel** class with Employees property and Employees property is initialized with several data objects in constructor.
140149

150+
{% capture codesnippet4 %}
141151
{% highlight c# %}
142152

143153
public class EmployeeViewModel
@@ -165,12 +175,15 @@ public class Employee
165175
}
166176

167177
{% endhighlight %}
178+
{% endcapture %}
179+
{{ codesnippet4 | OrderList_Indent_Level_1 }}
168180

169-
3.To populate the AutoComplete with data, set the [AutoCompleteSource](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Input.SfTextBoxExt.html#Syncfusion_Windows_Controls_Input_SfTextBoxExt_AutoCompleteSource) property to `IEnumerable` implementation.
181+
3. To populate the AutoComplete with data, set the [AutoCompleteSource](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Input.SfTextBoxExt.html#Syncfusion_Windows_Controls_Input_SfTextBoxExt_AutoCompleteSource) property to `IEnumerable` implementation.
170182

171183

172184
Bind the collection created in previous step to [AutoCompleteSource](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Input.SfTextBoxExt.html#Syncfusion_Windows_Controls_Input_SfTextBoxExt_AutoCompleteSource) property in XAML by setting EmployeeViewModel as `DataContext`.
173185

186+
{% capture codesnippet5 %}
174187
{% tabs %}
175188
{% highlight xaml %}
176189

@@ -215,6 +228,8 @@ this.Content = textBoxExt;
215228
{% endhighlight %}
216229

217230
{% endtabs %}
231+
{% endcapture %}
232+
{{ codesnippet5 | OrderList_Indent_Level_1 }}
218233

219234
For further details, refer to [AutoComplete source](https://help.syncfusion.com/wpf/autocomplete/autocomplete-and-filtering#autocomplete-source).
220235

‎wpf/Badge/Getting-Started.md

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -34,6 +34,7 @@ To add the `SfBadge` manually in XAML, follow these steps:
3434

3535
3. Import Syncfusion WPF schema **http://schemas.syncfusion.com/wpf**, and declare the `SfBadge` in XAML page.
3636

37+
{% capture codesnippet1 %}
3738
{% tabs %}
3839
{% highlight XAML %}
3940

@@ -52,6 +53,8 @@ To add the `SfBadge` manually in XAML, follow these steps:
5253

5354
{% endhighlight %}
5455
{% endtabs %}
56+
{% endcapture %}
57+
{{ codesnippet1 | OrderList_Indent_Level_1 }}
5558

5659
## Adding WPF SfBadge via C#
5760

@@ -68,6 +71,7 @@ To add the `SfBadge` control manually in C#, follow these steps:
6871

6972
4. Declare the `SfBadge` control using C#.
7073

74+
{% capture codesnippet2 %}
7175
{% tabs %}
7276
{% highlight C# %}
7377

@@ -92,6 +96,8 @@ namespace GettingStarted
9296

9397
{% endhighlight %}
9498
{% endtabs %}
99+
{% endcapture %}
100+
{{ codesnippet2 | OrderList_Indent_Level_1 }}
95101

96102
## Adding badge for a Button
97103

‎wpf/Badge/Overview.md

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -17,12 +17,12 @@ documentation: ug
1717

1818
## Key features
1919

20-
* Position - Position the `Badge` text around the `Badge` content.
21-
* Predefined colors - Customize the `Badge` background with predefined colors for the success, warning, error and information states.
22-
* Animation - Use animations for `Badge` text.
23-
* Predefined and custom shapes for `Badge` control.
24-
* Rotation - Rotate the `Badge` to any angle.
25-
* Alignment - Align the `Badge` at any position
26-
* Custom UI - Customized UI for control and its content.
20+
* **Position** - Position the `Badge` text around the `Badge` content.
21+
* **Predefined colors** - Customize the `Badge` background with predefined colors for the success, warning, error and information states.
22+
* **Animation** - Use animations for `Badge` text.
23+
* **Shapes**-Predefined and custom shapes for `Badge` control.
24+
* **Rotation** - Rotate the `Badge` to any angle.
25+
* **Alignment** - Align the `Badge` at any position
26+
* **Custom UI** - Customized UI for control and its content.
2727

2828

‎wpf/Breadcrumb/Command-Binding.md

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,7 @@ The steps to listen to the command binding are as follows:
1515

1616
1. Create a DelegateCommand class inherited from ICommand, which will be used in the ViewModel sample class.
1717

18+
{% capture codesnippet1 %}
1819
{% tabs %}
1920
{% highlight c# %}
2021

@@ -49,9 +50,12 @@ public class DelegateCommand : ICommand
4950

5051
{% endhighlight %}
5152
{% endtabs %}
53+
{% endcapture %}
54+
{{ codesnippet1 | OrderList_Indent_Level_1 }}
5255

5356
2. Create the ViewModel sample class, to bind the command in the sample WPF application.
5457

58+
{% capture codesnippet2 %}
5559
{% tabs %}
5660
{% highlight c# %}
5761

@@ -90,10 +94,13 @@ public class ViewModel : INotifyPropertyChanged
9094

9195
{% endhighlight %}
9296
{% endtabs %}
97+
{% endcapture %}
98+
{{ codesnippet2 | OrderList_Indent_Level_1 }}
9399

94100
1. Bind the command in the HierarchyNavigator control.
95101
2. To do this, create a new instance of the ViewModel sample class and set DataContext for the parent StackPanel. This will reflect changes in the children. Whenever the selected item changes, the TextBox Text value will change.
96102

103+
{% capture codesnippet3 %}
97104
{% tabs %}
98105
{% highlight xaml %}
99106

@@ -111,3 +118,5 @@ public class ViewModel : INotifyPropertyChanged
111118

112119
{% endhighlight %}
113120
{% endtabs %}
121+
{% endcapture %}
122+
{{ codesnippet3 | OrderList_Indent_Level_1 }}

0 commit comments

Comments
 (0)