diff --git a/uwp/DropDown-Button/Apperance-and-Styling.md b/uwp/DropDown-Button/Apperance-and-Styling.md index b6999681..76492b83 100644 --- a/uwp/DropDown-Button/Apperance-and-Styling.md +++ b/uwp/DropDown-Button/Apperance-and-Styling.md @@ -26,7 +26,7 @@ AccentBrush property is used to decorate the hot spots of a control with a solid ## ContentTemplate -ContentTemplate property is used to decorate the content of the SfDropDownButton. +ContentTemplate property is used to decorate the content of the UWP DropDown Button. {% highlight xaml %} @@ -52,7 +52,7 @@ ContentTemplate property is used to decorate the content of the SfDropDownButton ## DropdownContentTemplate -DropDownContentTemplate is used to decorate the drop down content of SfDropDownButton. +DropDownContentTemplate is used to decorate the drop down content of UWP DropDown Button. {% highlight xaml %} diff --git a/uwp/DropDown-Button/Configuring-Content.md b/uwp/DropDown-Button/Configuring-Content.md index 2ddf3d0f..53988be8 100644 --- a/uwp/DropDown-Button/Configuring-Content.md +++ b/uwp/DropDown-Button/Configuring-Content.md @@ -8,7 +8,7 @@ documentation: ug --- # Configuring Content in UWP DropDown Button (SfDropDownButton) -Content and DropDownContent can be added to the SfDropDownButton control as follows: +Content and DropDownContent can be added to the UWP DropDown Button control as follows: ## Content diff --git a/uwp/DropDown-Button/Getting-Started.md b/uwp/DropDown-Button/Getting-Started.md index acd299fa..eaf07080 100644 --- a/uwp/DropDown-Button/Getting-Started.md +++ b/uwp/DropDown-Button/Getting-Started.md @@ -9,9 +9,9 @@ documentation: ug --- # Getting Started with UWP DropDown Button (SfDropDownButton) -This section explains how to create the SfDropDownButton control. +This section explains how to create the UWP DropDown Button control. -## Creating SfDropDownButton control +## Creating UWP DropDown Button control Create a Universal Windows Platform project in Visual Studio and refer to the following assemblies. @@ -20,7 +20,7 @@ Create a Universal Windows Platform project in Visual Studio and refer to the fo -### Adding SfDropDownButton control through XAML Code +### Adding UWP DropDown Button control through XAML Code @@ -38,7 +38,7 @@ xmlns:input="using:Syncfusion.UI.Xaml.Controls.Input"> {% endhighlight %} -2.Now add the SfDropDownButton control with a required optimal name using the included namespace +2.Now add the UWP DropDown Button control with a required optimal name using the included namespace {% highlight xml %} @@ -46,7 +46,7 @@ xmlns:input="using:Syncfusion.UI.Xaml.Controls.Input"> {% endhighlight %} -### Adding SfDropDownButton control through C# Code +### Adding UWP DropDown Button control through C# Code 1.Include the namespace for Syncfusion. SfInput.UWP assembly in MainPage.xaml.cs @@ -66,7 +66,7 @@ Imports Syncfusion.UI.Xaml.Controls.Input {% endtabs %} -2.Now add the SfDropDownButton control with an optimal name +2.Now add the UWP DropDown Button control with an optimal name {% tabs %} @@ -84,7 +84,7 @@ Dim dropDownButton As New SfDropDownButton() {% endtabs %} -This will create an empty SfDropDownButton control. +This will create an empty UWP DropDown Button control. ![SfDropDownButton control](Getting-Started_images/Getting-Started_img1.jpeg) diff --git a/uwp/DropDown-Button/Overview.md b/uwp/DropDown-Button/Overview.md index 576c3883..c9b9fedf 100644 --- a/uwp/DropDown-Button/Overview.md +++ b/uwp/DropDown-Button/Overview.md @@ -8,7 +8,7 @@ documentation: ug --- # About Syncfusion® UWP DropDown Button (SfDropDownButton) Control -SfDropDownButton is used as a content holder that shows content in a drop down popup on demand. +UWP DropDown Button is used as a content holder that shows content in a drop down popup on demand. ![Overview of SfDropDownButton](Overview_images/Overview_img1.png) diff --git a/uwp/Masked-TextBox/Appearance.md b/uwp/Masked-TextBox/Appearance.md index f5f86e00..723ae953 100644 --- a/uwp/Masked-TextBox/Appearance.md +++ b/uwp/Masked-TextBox/Appearance.md @@ -8,14 +8,14 @@ documentation: ug --- # Appearance in UWP Masked TextBox (SfMaskedEdit) -The appearance of the `SfMaskedEdit` control can be customized by using the `BorderBrush` and `ErrorBorderBrush` property +The appearance of the `UWP Masked TextBox` control can be customized by using the `BorderBrush` and `ErrorBorderBrush` property ## Border ### BorderBrush -`BorderBrush` provides the border color for the `SfMaskedEdit`. +`BorderBrush` provides the border color for the `UWP Masked TextBox`. We can Customize the `BorderBrush` property as follows @@ -42,7 +42,7 @@ maskededit.BorderBrush = Brushes.Blue; ### ErrorBorderBrush -`ErrorBorderBrush` provide the border color for the `SfMaskedEdit` when validation becomes failed. +`ErrorBorderBrush` provide the border color for the `UWP Masked TextBox` when validation becomes failed. We can Customize the ErrorBorderBrush property as follows diff --git a/uwp/Masked-TextBox/Getting-Started.md b/uwp/Masked-TextBox/Getting-Started.md index 4e578cc0..c7ccd173 100644 --- a/uwp/Masked-TextBox/Getting-Started.md +++ b/uwp/Masked-TextBox/Getting-Started.md @@ -9,31 +9,31 @@ documentation: ug # Getting Started with UWP Masked TextBox (SfMaskedEdit) -This section explains how to create new project in Visual Studio using [SfMaskedEdit](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Controls.Input.SfMaskedEdit.html) control. +This section explains how to create new project in Visual Studio using [UWP Masked TextBox](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Controls.Input.SfMaskedEdit.html) control. ## Assembly deployment -Refer to the [control dependencies](https://help.syncfusion.com/uwp/control-dependencies#sfmaskededit) section to get the list of assemblies or NuGet package that needs to be added as a reference to use the [SfMaskedEdit](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Controls.Input.SfMaskedEdit.html) in any application. +Refer to the [control dependencies](https://help.syncfusion.com/uwp/control-dependencies#sfmaskededit) section to get the list of assemblies or NuGet package that needs to be added as a reference to use the [UWP Masked TextBox](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Controls.Input.SfMaskedEdit.html) in any application. You can refer this [documentation](https://help.syncfusion.com/uwp/visual-studio-integration/nuget-packages) to find more details about installing the NuGet package in a UWP application. -## Creating Application with SfMaskedEdit -In this walk through, user will create a UWP application that contains [SfMaskedEdit](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Controls.Input.SfMaskedEdit.html). +## Creating Application with UWP Masked TextBox +In this walk through, user will create a UWP application that contains [UWP Masked TextBox](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Controls.Input.SfMaskedEdit.html). 1. [Creating project](#Creating-the-project) 2. [Adding control via designer](#Adding-control-via-designer) 3. [Adding control manually in XAML](#Adding-control-manually-in-XAML) 4. [Adding control manually in C#](#Adding-control-manually-in-C#) ## Creating project -Below section provides detailed information to create new project in Visual Studio to display [SfMaskedEdit](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Controls.Input.SfMaskedEdit.html). +Below section provides detailed information to create new project in Visual Studio to display [UWP Masked TextBox](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Controls.Input.SfMaskedEdit.html). ## Adding control via designer -The [SfMaskedEdit](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Controls.Input.SfMaskedEdit.html) can be added to the application by dragging it from Toolbox and dropping it in designer. The required assembles will be added automatically. +The [UWP Masked TextBox](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Controls.Input.SfMaskedEdit.html) can be added to the application by dragging it from Toolbox and dropping it in designer. The required assembles will be added automatically. ![Adding control via designer](Getting-Started_images/Getting-Started_img2.png) ## Adding control manually in XAML -In order to add [SfMaskedEdit](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Controls.Input.SfMaskedEdit.html) manually in XAML, do the below steps, +In order to add [UWP Masked TextBox](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Controls.Input.SfMaskedEdit.html) manually in XAML, do the below steps, 1. Add the below required assembly references to the project, @@ -54,7 +54,7 @@ xmlns:syncfusion="using:Syncfusion.UI.Xaml.Controls.SfInput"> {% endhighlight %} {% endtabs %} -3. Now add the [SfMaskedEdit](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Controls.Input.SfMaskedEdit.html) in MainPage.XAML. +3. Now add the [UWP Masked TextBox](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Controls.Input.SfMaskedEdit.html) in MainPage.XAML. {% tabs %} {% highlight XAML %} @@ -66,7 +66,7 @@ xmlns:syncfusion="using:Syncfusion.UI.Xaml.Controls.SfInput"> ## Adding control manually in C# -In order to add [SfMaskedEdit](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Controls.Input.SfMaskedEdit.html) manually in C#, do the below steps, +In order to add [UWP Masked TextBox](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Controls.Input.SfMaskedEdit.html) manually in C#, do the below steps, 1. Add the below required assembly references to the project, @@ -107,7 +107,7 @@ Dim sfMaskdeEdit1 As SfMaskedEdit = New SfMaskedEdit() With { ## Adding Mask to the control -To mask the input of [SfMaskedEdit](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Controls.Input.SfMaskedEdit.html), we must set [MaskType](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Controls.Input.MaskType.html) and [Mask](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Controls.Input.SfMaskedEdit.html#Syncfusion_UI_Xaml_Controls_Input_SfMaskedEdit_Mask) property. +To mask the input of [UWP Masked TextBox](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Controls.Input.SfMaskedEdit.html), we must set [MaskType](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Controls.Input.MaskType.html) and [Mask](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Controls.Input.SfMaskedEdit.html#Syncfusion_UI_Xaml_Controls_Input_SfMaskedEdit_Mask) property. `MaskType` has different set of mask characters that are combined to form a mask expression. Based on the complexity and usage, mask types are classified as Simple, Regular and RegEx. @@ -135,7 +135,7 @@ N> [MaskType](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Controls.Inp ## Assigning Value to the control -Value of [SfMaskedEdit](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Controls.Input.SfMaskedEdit.html) can be set by [Value](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Controls.Input.SfMaskedEdit.html#Syncfusion_UI_Xaml_Controls_Input_SfMaskedEdit_Value) property. By default, the Value property of [SfMaskedEdit](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Controls.Input.SfMaskedEdit.html) holds the characters without including the prompt characters and the literals defined in the mask. You can alter this and allow the value to hold literal and prompt characters by setting the [ValueMaskFormat](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Controls.Input.SfMaskedEdit.html#Syncfusion_UI_Xaml_Controls_Input_SfMaskedEdit_ValueMaskFormat) property of the control. +Value of [UWP Masked TextBox](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Controls.Input.SfMaskedEdit.html) can be set by [Value](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Controls.Input.SfMaskedEdit.html#Syncfusion_UI_Xaml_Controls_Input_SfMaskedEdit_Value) property. By default, the Value property of [UWP Masked TextBox](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Controls.Input.SfMaskedEdit.html) holds the characters without including the prompt characters and the literals defined in the mask. You can alter this and allow the value to hold literal and prompt characters by setting the [ValueMaskFormat](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Controls.Input.SfMaskedEdit.html#Syncfusion_UI_Xaml_Controls_Input_SfMaskedEdit_ValueMaskFormat) property of the control. {% tabs %} @@ -159,10 +159,10 @@ maskedEdit.Value="14/11/2014"; ## Validation of Value -You can customize how [SfMaskedEdit](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Controls.Input.SfMaskedEdit.html) should behave when invalid input is entered using [ValidationMode](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Controls.Input.SfMaskedEdit.html#Syncfusion_UI_Xaml_Controls_Input_SfMaskedEdit_ValidationMode) property. The following values can be set to ValidationMode property, +You can customize how [UWP Masked TextBox](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Controls.Input.SfMaskedEdit.html) should behave when invalid input is entered using [ValidationMode](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Controls.Input.SfMaskedEdit.html#Syncfusion_UI_Xaml_Controls_Input_SfMaskedEdit_ValidationMode) property. The following values can be set to ValidationMode property, * `KeyPress` - Validation of value takes places on every key press. -* `LostFocus` - validation of value takes place when focus is lost from SfMaskedEdit. +* `LostFocus` - validation of value takes place when focus is lost from UWP Masked TextBox. {% tabs %} {% highlight XAML %} @@ -176,7 +176,7 @@ You can customize how [SfMaskedEdit](https://help.syncfusion.com/cr/uwp/Syncfusi ## Defining Watermark -You can set watermark for [SfMaskedEdit](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Controls.Input.SfMaskedEdit.html) control using [Watermark](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Controls.Input.SfTextBoxExt.html#Syncfusion_UI_Xaml_Controls_Input_SfTextBoxExt_Watermark) property. Watermark will be shown in content of the control when it's not focused and no value is entered. +You can set watermark for [UWP Masked TextBox](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Controls.Input.SfMaskedEdit.html) control using [Watermark](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Controls.Input.SfTextBoxExt.html#Syncfusion_UI_Xaml_Controls_Input_SfTextBoxExt_Watermark) property. Watermark will be shown in content of the control when it's not focused and no value is entered. {% tabs %} diff --git a/uwp/Masked-TextBox/Mask-Options.md b/uwp/Masked-TextBox/Mask-Options.md index cb7397ee..1d504668 100644 --- a/uwp/Masked-TextBox/Mask-Options.md +++ b/uwp/Masked-TextBox/Mask-Options.md @@ -160,7 +160,7 @@ maskedEdit.Mask = "(\d{0,3})\d{3}-\d{2}-\d{2}"; Extended Regular expression with more complex expression which gives more usage of input data -We have provided the Optional, Positive and Negative lookahead support in the SfMaskedEdit control. +We have provided the Optional, Positive and Negative lookahead support in the UWP Masked TextBox control. ### Optional: diff --git a/uwp/Masked-TextBox/Overview.md b/uwp/Masked-TextBox/Overview.md index 88382fa2..223f653b 100644 --- a/uwp/Masked-TextBox/Overview.md +++ b/uwp/Masked-TextBox/Overview.md @@ -9,7 +9,7 @@ documentation: ug # About Syncfusion® UWP Masked TextBox (SfMaskedEdit) Control -The Masked text box is an advanced version of the Entry control that restricts your input to certain types of characters, text, and numbers using a mask pattern. This control is used to create a template for providing information such as telephone numbers, IP addresses, product IDs, and so on. +The UWP Masked TextBox is an advanced version of the Entry control that restricts your input to certain types of characters, text, and numbers using a mask pattern. This control is used to create a template for providing information such as telephone numbers, IP addresses, product IDs, and so on. ![Overview of Syncfusion SfMaskedEdit](Overview_images/Overview_img1.jpg) diff --git a/uwp/Masked-TextBox/Validation.md b/uwp/Masked-TextBox/Validation.md index 928fe082..4b75632e 100644 --- a/uwp/Masked-TextBox/Validation.md +++ b/uwp/Masked-TextBox/Validation.md @@ -51,7 +51,7 @@ private void sfMaskedEdit_LostFocus(object sender, RoutedEventArgs e) ## Custom Validation -In `SfMaskedEdit` control there is no event for the validation. The custom validation based on the `ValidationMode` property of `SfMaskedEdit` using attached properties of Validation class. Also `HasError` property has been used for Validation in source level. +In `UWP Masked TextBox` control there is no event for the validation. The custom validation based on the `ValidationMode` property of `UWP Masked TextBox` using attached properties of Validation class. Also `HasError` property has been used for Validation in source level. Custom validation can be implemented as follows diff --git a/uwp/Masked-TextBox/ValueMode.md b/uwp/Masked-TextBox/ValueMode.md index 847605e4..3787e331 100644 --- a/uwp/Masked-TextBox/ValueMode.md +++ b/uwp/Masked-TextBox/ValueMode.md @@ -8,7 +8,7 @@ documentation: ug --- # Value Mode in UWP Masked TextBox (SfMaskedEdit) -`SfMaskedEdit` allows you to format the characters in the `Value` property in a mask scenario (when the Mask property is set). By default, the `Value` property holds your input characters, prompt characters and the literals defined in the mask. You can modify this and allow the `Value` property to hold the characters without prompt and literals by setting the `ValueMaskFormat` property of the control. The `Value` in the `SfMaskedEdit` is formatted by any one of the following formatting enum values: +`UWP Masked TextBox` allows you to format the characters in the `Value` property in a mask scenario (when the Mask property is set). By default, the `Value` property holds your input characters, prompt characters and the literals defined in the mask. You can modify this and allow the `Value` property to hold the characters without prompt and literals by setting the `ValueMaskFormat` property of the control. The `Value` in the `UWP Masked TextBox` is formatted by any one of the following formatting enum values: * ExcludePromptAndLiterals * IncludePrompt diff --git a/uwp/Masked-TextBox/Working-with-SfMaskedEdit.md b/uwp/Masked-TextBox/Working-with-SfMaskedEdit.md index 972f5df7..a6de6db8 100644 --- a/uwp/Masked-TextBox/Working-with-SfMaskedEdit.md +++ b/uwp/Masked-TextBox/Working-with-SfMaskedEdit.md @@ -9,7 +9,7 @@ documentation: ug # Working with UWP Masked TextBox (SfMaskedEdit) -This section explains about accessing `SfMaskedEdit` properties and events associated with it. +This section explains about accessing `UWP Masked TextBox` properties and events associated with it. ## Masking the Input @@ -137,11 +137,11 @@ maskedEdit.Mask = "[A-Za-z0-9._%-]+@[A-Za-z0-9]+.[A-Za-z]{2,3}"; ## Binding Value -The `SfMaskedEdit` control displays the value that can be set using the `Value` property: +The `UWP Masked TextBox` control displays the value that can be set using the `Value` property: ### Set the Value property directly -The following example shows how to set the `Value` directly in `SfMaskedEdit` +The following example shows how to set the `Value` directly in `UWP Masked TextBox` {% tabs %} @@ -183,7 +183,7 @@ The following example shows Set the value property in ComboBox items to bind the Occurs when the value of the `Value` property is changed by either entering the valid input character or setting the value to the `Value` property through XAML or C# code. The event arguments are of type `ValueChangedEventArgs` and expose the following property: > Your valid input character is updated to `Value` property based on the `ValidationMode` property. -> Refer to this [link](validation.html#validation-mode) to know more about the `ValidationMode` property of `SfMaskedEdit` control. +> Refer to this [link](validation.html#validation-mode) to know more about the `ValidationMode` property of `UWP Masked TextBox` control. ### Example @@ -211,7 +211,7 @@ private void SfMaskedEdit_ValueChanged(object sender, EventArgs e) ## Watermark -The watermark will prompt you with instructions or important information when it is not on focus and any valid characters are not entered. The `Watermark` property of `SfMaskedEdit` is used to set the watermark text for the control. +The watermark will prompt you with instructions or important information when it is not on focus and any valid characters are not entered. The `Watermark` property of `UWP Masked TextBox` is used to set the watermark text for the control. ### Example