Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions uwp/DropDown-Button/Apperance-and-Styling.md
Original file line number Diff line number Diff line change
Expand Up @@ -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 %}
<input:SfDropDownButton Content="5/24/2016" x:Name="dropdownbutton">
Expand All @@ -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 %}
<input:SfDropDownButton DropDownContent="Drop down content">
Expand Down
2 changes: 1 addition & 1 deletion uwp/DropDown-Button/Configuring-Content.md
Original file line number Diff line number Diff line change
Expand Up @@ -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

Expand Down
14 changes: 7 additions & 7 deletions uwp/DropDown-Button/Getting-Started.md
Original file line number Diff line number Diff line change
Expand Up @@ -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.

Expand All @@ -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



Expand All @@ -38,15 +38,15 @@ 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 %}

<input:SfDropDownButton x:Name="dropDownButton"/>

{% 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

Expand All @@ -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 %}

Expand All @@ -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)

Expand Down
2 changes: 1 addition & 1 deletion uwp/DropDown-Button/Overview.md
Original file line number Diff line number Diff line change
Expand Up @@ -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)

Expand Down
6 changes: 3 additions & 3 deletions uwp/Masked-TextBox/Appearance.md
Original file line number Diff line number Diff line change
Expand Up @@ -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

Expand All @@ -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

Expand Down
28 changes: 14 additions & 14 deletions uwp/Masked-TextBox/Getting-Started.md
Original file line number Diff line number Diff line change
Expand Up @@ -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,

Expand All @@ -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 %}
Expand All @@ -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,

Expand Down Expand Up @@ -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.

Expand Down Expand Up @@ -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 %}

Expand All @@ -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 %}
Expand All @@ -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 %}

Expand Down
2 changes: 1 addition & 1 deletion uwp/Masked-TextBox/Mask-Options.md
Original file line number Diff line number Diff line change
Expand Up @@ -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:

Expand Down
2 changes: 1 addition & 1 deletion uwp/Masked-TextBox/Overview.md
Original file line number Diff line number Diff line change
Expand Up @@ -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)
Expand Down
2 changes: 1 addition & 1 deletion uwp/Masked-TextBox/Validation.md
Original file line number Diff line number Diff line change
Expand Up @@ -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

Expand Down
2 changes: 1 addition & 1 deletion uwp/Masked-TextBox/ValueMode.md
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down
10 changes: 5 additions & 5 deletions uwp/Masked-TextBox/Working-with-SfMaskedEdit.md
Original file line number Diff line number Diff line change
Expand Up @@ -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

Expand Down Expand Up @@ -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 %}

Expand Down Expand Up @@ -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

Expand Down Expand Up @@ -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

Expand Down