diff --git a/wpf/MaskedTextBox/Appearance.md b/wpf/MaskedTextBox/Appearance.md index 793fcba6a..8ed868f6e 100644 --- a/wpf/MaskedTextBox/Appearance.md +++ b/wpf/MaskedTextBox/Appearance.md @@ -2,18 +2,18 @@ layout: post title: Appearance in WPF MaskedTextBox control | Syncfusion® description: Learn here all about Appearance support in Syncfusion® WPF MaskedTextBox (SfMaskedEdit) control and more. -platform: WPF +platform: wpf control: SfMaskedEdit documentation: ug --- # Appearance in WPF MaskedTextBox (SfMaskedEdit) -This section explains different UI customization and theming options available in [SfMaskedEdit](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Input.SfMaskedEdit.html). +This section explains the UI customization and theming options available in the [WPF MaskedTextBox](https://www.syncfusion.com/wpf-controls/maskedtextbox) control. The WPF MaskedTextBox control is implemented through the [SfMaskedEdit](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Input.SfMaskedEdit.html) class. ## Setting the background -You can change the default background color and selection color of `SfMaskedEdit` by using the `Background` and `SelectionBrush` property. The default value of `Background` property is `White` and `SelectionBrush` property is `Royal Blue`. +You can change the default background and selection colors of `SfMaskedEdit` by using the `Background` and `SelectionBrush` properties. The default value of the `Background` property is `White`, and the default value of the `SelectionBrush` property is `Royal Blue`. {% tabs %} {% highlight XAML %} @@ -32,13 +32,13 @@ sfMaskedEdit.SelectionBrush = Brushes.Green; {% endhighlight %} {% endtabs %} -![Changing Background Color of WPF MaskedEdit](Appearence_Images/wpf-maskededit-background.png) +![Changing Background Color of WPF MaskedTextBox](Appearence_Images/wpf-maskededit-background.png) N> View [Sample](https://github.com/SyncfusionExamples/syncfusion-wpf-maskedtextbox-examples/tree/master/Samples/Appearance) in GitHub ## Setting the foreground -You can change the foreground color by using the `Foreground` property and can change the caret color by using the `CaretBrush` property. The default value of `Foreground` property is `Black` and `CaretBrush` property is `null`. +You can change the foreground color by using the `Foreground` property and the caret color by using the `CaretBrush` property. The default value of the `Foreground` property is `Black`, and the default value of the `CaretBrush` property is `null`. {% tabs %} {% highlight XAML %} @@ -57,13 +57,13 @@ sfMaskedEdit.CaretBrush = Brushes.Red; {% endhighlight %} {% endtabs %} -![Changing Foreground Color of WPF MaskedEdit](Appearence_Images/wpf-maskededit-foreground.png) +![Changing Foreground Color of WPF MaskedTextBox](Appearence_Images/wpf-maskededit-foreground.png) N> View [Sample](https://github.com/SyncfusionExamples/syncfusion-wpf-maskedtextbox-examples/tree/master/Samples/Appearance) in GitHub ## Setting the border color -You can change the default border color of `SfMaskedEdit` by using the `BorderBrush` property. The default value of `BorderBrush` property is `Lavender`. +You can change the default border color of `SfMaskedEdit` by using the `BorderBrush` property. The default value of the `BorderBrush` property is `Lavender`. {% tabs %} {% highlight XAML %} @@ -80,13 +80,13 @@ sfMaskedEdit.BorderBrush = Brushes.Blue; {% endhighlight %} {% endtabs %} -![Changing Border Color of WPF MaskedEdit](Appearence_Images/wpf-maskededit-border-color.png) +![Changing Border Color of WPF MaskedTextBox](Appearence_Images/wpf-maskededit-border-color.png) N> View [Sample](https://github.com/SyncfusionExamples/syncfusion-wpf-maskedtextbox-examples/tree/master/Samples/Appearance) in GitHub ## Change flow direction -You can change the flow direction of the `SfMaskedEdit` layout from right to left by setting the `FlowDirection` property value as `RightToLeft`. The default value of `FlowDirection` property is `LeftToRight`. +You can change the flow direction of the `SfMaskedEdit` layout from right to left by setting the `FlowDirection` property to `RightToLeft`. The default value of the `FlowDirection` property is `LeftToRight`. {% tabs %} {% highlight XAML %} @@ -103,16 +103,16 @@ sfMaskedEdit.FlowDirection = FlowDirection.RightToLeft; {% endhighlight %} {% endtabs %} -![Changing Flow Direction of WPF MaskedEdit](Appearence_Images/wpf-maskededit-flow-direction.png) +![Changing Flow Direction of WPF MaskedTextBox](Appearence_Images/wpf-maskededit-flow-direction.png) N> View [Sample](https://github.com/SyncfusionExamples/syncfusion-wpf-maskedtextbox-examples/tree/master/Samples/Appearance) in GitHub ## Theme -SfMaskedEdit supports various built-in themes. Refer to the below links to apply themes for the SfMaskedEdit, +The WPF MaskedTextBox supports various built-in themes. Refer to the following links to apply them: * [Apply theme using SfSkinManager](https://help.syncfusion.com/wpf/themes/skin-manager) * [Create a custom theme using ThemeStudio](https://help.syncfusion.com/wpf/themes/theme-studio#creating-custom-theme) - ![Applying Theme to WPF SfMaskedEdit](Getting-Started_images/wpf-maskededit-theme.png) + ![Applying Theme to WPF MaskedTextBox](Getting-Started_images/wpf-maskededit-theme.png) diff --git a/wpf/MaskedTextBox/Getting-Started.md b/wpf/MaskedTextBox/Getting-Started.md index 230f86bd5..5446d4372 100644 --- a/wpf/MaskedTextBox/Getting-Started.md +++ b/wpf/MaskedTextBox/Getting-Started.md @@ -9,11 +9,11 @@ documentation: ug # Getting Started with WPF MaskedTextBox (SfMaskedEdit) -This section explains how to create a [WPF MaskedTextBox](https://www.syncfusion.com/wpf-controls/maskedtextbox) (SfMaskedEdit) and explains about its structure and features. +This section explains how to create a [WPF MaskedTextBox](https://www.syncfusion.com/wpf-controls/maskedtextbox) and describes its structure and features. The WPF MaskedTextBox control is implemented through the [SfMaskedEdit](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Input.SfMaskedEdit.html) class. ## Control Structure -![WPF MaskedEdit](Getting-Started_images/wpf-maskededit-structure.png) +![WPF MaskedTextBox](Getting-Started_images/wpf-maskededit-structure.png) ## Assembly deployment @@ -23,16 +23,16 @@ You can find more details about installing the NuGet package in a WPF applicatio [How to install nuget packages](https://help.syncfusion.com/wpf/installation/install-nuget-packages) -## Adding WPF SfMaskedEdit via designer +## Adding WPF WPF MaskedTextBox via designer You can add the `SfMaskedEdit` control to an application by dragging it from the toolbox to a view of the designer. The following dependent assembly will be added automatically. * Syncfusion.SfInput.WPF * Syncfusion.SfShared.WPF -![Dragging WPF MaskedEdit Control from Toolbox to Designer](Getting-Started_images/wpf-maskededit-toolbox.png) +![Dragging WPF MaskedTextBox Control from Toolbox to Designer](Getting-Started_images/wpf-maskededit-toolbox.png) -## Adding WPF SfMaskedEdit via XAML +## Adding WPF MaskedTextBox via XAML To add the `SfMaskedEdit` control manually in XAML, follow these steps: 1. Create a new WPF project in Visual Studio. @@ -67,7 +67,7 @@ To add the `SfMaskedEdit` control manually in XAML, follow these steps: {% endcapture %} {{ codesnippet1 | OrderList_Indent_Level_1 }} -## Adding WPF SfMaskedEdit via C\# +## Adding WPF MaskedTextBox through C\# To add the `SfMaskedEdit` control manually in C#, follow these steps: @@ -105,13 +105,13 @@ public partial class MainWindow : Window { {% endcapture %} {{ codesnippet2 | OrderList_Indent_Level_1 }} -![WPF MaskedEdit Control](Getting-Started_images/wpf-maskededit-control.png) +![WPF MaskedTextBox Control](Getting-Started_images/wpf-maskededit-control.png) N> View [Sample](https://github.com/SyncfusionExamples/syncfusion-wpf-maskedtextbox-examples/blob/master/Samples/Getting-Started) in GitHub ## Restrict the user to enter valid data -You can restrict the user to enter the valid input without any custom validation by creating the mask pattern as your requirement. You can enable the mask by setting the mask pattern to the [Mask](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Input.SfMaskedEdit.html#Syncfusion_Windows_Controls_Input_SfMaskedEdit_Mask) property and set the [MaskType](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Input.SfMaskedEdit.html#Syncfusion_Windows_Controls_Input_SfMaskedEdit_MaskType) property value as `Regex`. The default value of `Mask` property is `null` and `MaskType` property is `Simple`. +You can restrict valid input without custom validation by creating a mask pattern. Enable the mask by setting the mask pattern to the [Mask](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Input.SfMaskedEdit.html#Syncfusion_Windows_Controls_Input_SfMaskedEdit_Mask) property and set the [MaskType](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Input.SfMaskedEdit.html#Syncfusion_Windows_Controls_Input_SfMaskedEdit_MaskType) property to `Regex`. The default value of the `Mask` property is `null`, and the default value of the `MaskType` property is `Simple`. {% tabs %} {% highlight xaml %} @@ -130,7 +130,7 @@ sfMaskedEdit.Mask = @"-?\d+\.?\d*"; {% endhighlight %} {% endtabs %} -![WPF MaskedEdit displays Value in RegularExpression](MaskOptions_images/wpf-maskededit-negative-value.png) +![WPF MaskedTextBox displays Value in RegularExpression](MaskOptions_images/wpf-maskededit-negative-value.png) Here, the `SfMaskedEdit` accept the positive and negative whole or float type numbers. @@ -140,7 +140,7 @@ N> View [Sample](https://github.com/SyncfusionExamples/syncfusion-wpf-maskedtext ## Setting the value -You can set the value for the `SfMaskedEdit` by using the [Value](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Input.SfMaskedEdit.html#Syncfusion_Windows_Controls_Input_SfMaskedEdit_Value) property. Based on the mask, the value of `Value` property is formatted. The default value of `Value` property is `null`. +You can set the value for the `SfMaskedEdit` by using the [Value](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Input.SfMaskedEdit.html#Syncfusion_Windows_Controls_Input_SfMaskedEdit_Value) property. Based on the mask, the value of the `Value` property is formatted. The default value of the `Value` property is `null`. {% tabs %} {% highlight xaml %} @@ -161,7 +161,7 @@ sfMaskedEdit.Mask = @"\([0-9]\d{2}\) [0-9]\d{2}-[0-9]\d{3}"; {% endhighlight %} {% endtabs %} -![WPF MaskedEdit displays Value without Prompt and Literals](Working_with_SfMaskedEdit_images/wpf-maskededit-value.png) +![WPF MaskedTextBox displays Value without Prompt and Literals](Working_with_SfMaskedEdit_images/wpf-maskededit-value.png) N> View [Sample](https://github.com/SyncfusionExamples/syncfusion-wpf-maskedtextbox-examples/tree/master/Samples/InputOptions) in GitHub @@ -193,13 +193,13 @@ sfMaskedEdit.Mask = @"\([0-9]\d{2}\) [0-9]\d{2}-[0-9]\d{3}"; {% endhighlight %} {% endtabs %} -![WPF MaskedEdit displays Value in Various Formats](Working_with_SfMaskedEdit_images/wpf-maskededit-value-format.png) +![WPF MaskedTextBox displays Value in Various Formats](Working_with_SfMaskedEdit_images/wpf-maskededit-value-format.png) N> View [Sample](https://github.com/SyncfusionExamples/syncfusion-wpf-maskedtextbox-examples/tree/master/Samples/InputOptions) in GitHub ## Indicates error on invalid input -After input validation failed, you can indicate to the user about the invalid input by the showing error border. The error border automatically disappeared when the input validation is succeed. You can change the error border color by using the [ErrorBorderBrush](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Input.SfMaskedEdit.html#Syncfusion_Windows_Controls_Input_SfMaskedEdit_ErrorBorderBrush) property. The default value of `ErrorBorderBrush` property is `Red`. +After input validation fails, you can indicate invalid input to the user by showing an error border. The error border automatically disappears when input validation succeeds. You can change the error border color by using the [ErrorBorderBrush](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Input.SfMaskedEdit.html#Syncfusion_Windows_Controls_Input_SfMaskedEdit_ErrorBorderBrush) property. The default value of the `ErrorBorderBrush` property is `Red`. {% tabs %} {% highlight xaml %} @@ -216,7 +216,7 @@ sfMaskedEdit.ErrorBorderBrush = Brushes.Yellow; {% endhighlight %} {% endtabs %} -![WPF MaskedEdit displays Error Validation](Working_with_SfMaskedEdit_images/wpf-maskededit-error-validation.gif) +![WPF MaskedTextBox displays Error Validation](Working_with_SfMaskedEdit_images/wpf-maskededit-error-validation.gif) N> View [Sample](https://github.com/SyncfusionExamples/syncfusion-wpf-maskedtextbox-examples/tree/master/Samples/InputOptions) in GitHub @@ -243,13 +243,13 @@ sfMaskedEdit.Mask = @"\+1 [0-9]\d{2}-[0-9]\d{2}-[0-9]\d{3}"; {% endhighlight %} {% endtabs %} -![WPF MaskedEdit displays Prompt Character](Working_with_SfMaskedEdit_images/wpf-maskededit-prompt-char.png) +![WPF MaskedTextBox displays Prompt Character](Working_with_SfMaskedEdit_images/wpf-maskededit-prompt-char.png) N> View [Sample](https://github.com/SyncfusionExamples/syncfusion-wpf-maskedtextbox-examples/tree/master/Samples/InputOptions) in GitHub ## Value changed notification -you can notified when changing the value of `SfMaskedEdit.Value` property by using the [ValueChanged](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Input.SfMaskedEdit.html) event. +You can receive a notification when the value of the `SfMaskedEdit.Value` property changes by using the [ValueChanged](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Input.SfMaskedEdit.html) event. N> Your valid input character is updated to the `Value` property based on the `ValidationMode` property. Refer [Input Validation](https://help.syncfusion.com/wpf/maskedtextbox/input-restriction#input-validation) to know more about the `ValidationMode`. @@ -283,12 +283,12 @@ private void SfMaskedEdit_ValueChanged(object sender, EventArgs e) { ## Theme -SfMaskedEdit supports various built-in themes. Refer to the below links to apply themes for the SfMaskedEdit, +The WPF MaskedTextBox supports various built-in themes. Refer to the following links to apply them. * [Apply theme using SfSkinManager](https://help.syncfusion.com/wpf/themes/skin-manager) * [Create a custom theme using ThemeStudio](https://help.syncfusion.com/wpf/themes/theme-studio#creating-custom-theme) - ![Applying Theme to WPF MaskedEdit](Getting-Started_images/wpf-maskededit-theme.png) + ![Applying Theme to WPF MaskedTextBox](Getting-Started_images/wpf-maskededit-theme.png) N> View [Sample](https://github.com/SyncfusionExamples/syncfusion-wpf-maskedtextbox-examples/tree/master/Samples/Themes) in GitHub diff --git a/wpf/MaskedTextBox/Input-Restriction.md b/wpf/MaskedTextBox/Input-Restriction.md index 0501fd8b1..fbf5fafdf 100644 --- a/wpf/MaskedTextBox/Input-Restriction.md +++ b/wpf/MaskedTextBox/Input-Restriction.md @@ -9,11 +9,11 @@ documentation: ug # Input Restriction in WPF MaskedTextBox (SfMaskedEdit) -This section explains accessing the [SfMaskedEdit](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Input.SfMaskedEdit.html) properties and events associated with it. +This section explains how to use the [WPF MaskedTextBox](https://www.syncfusion.com/wpf-controls/maskedtextbox) properties and events. The WPF MaskedTextBox control is implemented through the [SfMaskedEdit](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Input.SfMaskedEdit.html) class. ## Restrict the user to enter valid data -You can restrict the user to enter the valid input without any custom validation by creating the mask pattern as your requirement. You can enable the mask by setting the mask pattern to the [Mask](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Input.SfMaskedEdit.html#Syncfusion_Windows_Controls_Input_SfMaskedEdit_Mask) property and set the [MaskType](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Input.SfMaskedEdit.html#Syncfusion_Windows_Controls_Input_SfMaskedEdit_MaskType) property value as `Regex`. The default value of `Mask` property is `null` and `MaskType` property is `Simple`. The following table demonstrates the mask elements with its description, +You can restrict valid input without custom validation by creating a mask pattern. Enable the mask by setting the mask pattern to the [Mask](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Input.SfMaskedEdit.html#Syncfusion_Windows_Controls_Input_SfMaskedEdit_Mask) property and set the [MaskType](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Input.SfMaskedEdit.html#Syncfusion_Windows_Controls_Input_SfMaskedEdit_MaskType) property to `Regex`. The default value of the `Mask` property is `null`, and the default value of the `MaskType` property is `Simple`. The following table describes the mask elements: @@ -126,7 +126,7 @@ sfMaskedEdit.Mask = @"(?=123)\d{3}"; For the input mask `(?=123)\d{3}`. It allows first two digit. While entering the third digit, it will validate the regex and restrict the input. It allows the output only when the MaskText is “123” for this given input. -![WPF MaskedEdit displays Specific Values with Mask](MaskOptions_images/wpf-maskededit-mask-value.jpg) +![WPF MaskedTextBox displays Specific Values with Mask](MaskOptions_images/wpf-maskededit-mask-value.jpg) ### Restrict specific values @@ -151,7 +151,7 @@ sfMaskedEdit.Mask = @"(?!55)(?!000)(?!666)\d{3}"; For the input mask `(?!55)(?!000)(?!666)\d{3}` – `\d{3}` denotes that the output will be of 3 character length. `(?55)` denotes the value will not begin with `55`. `(?!000)(?!666)` denotes the output cannot be `000` or `666`. -![Restrict Specific Values with Mask in WPF MaskedEdit](MaskOptions_images/wpf-maskededit-value-restriction.jpg) +![Restrict Specific Values with Mask in WPF MaskedTextBox](MaskOptions_images/wpf-maskededit-value-restriction.jpg) ### Basic Mask examples @@ -264,7 +264,7 @@ N> View [Sample](https://github.com/SyncfusionExamples/syncfusion-wpf-maskedtext ## Setting the value -You can set the value for the `SfMaskedEdit` by using the [Value](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Input.SfMaskedEdit.html#Syncfusion_Windows_Controls_Input_SfMaskedEdit_Value) property. Based on the mask, the value of `Value` property is formatted. The default value of `Value` property is `null`. +You can set the value for the `SfMaskedEdit` by using the [Value](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Input.SfMaskedEdit.html#Syncfusion_Windows_Controls_Input_SfMaskedEdit_Value) property. Based on the mask, the value of the `Value` property is formatted. The default value of the `Value` property is `null`. {% tabs %} {% highlight xaml %} @@ -285,7 +285,7 @@ sfMaskedEdit.Mask = @"\([0-9]\d{2}\) [0-9]\d{2}-[0-9]\d{3}"; {% endhighlight %} {% endtabs %} -![WPF MaskedEdit displays Value without Prompt and Literals](Working_with_SfMaskedEdit_images/wpf-maskededit-value.png) +![WPF MaskedTextBox displays Value without Prompt and Literals](Working_with_SfMaskedEdit_images/wpf-maskededit-value.png) N> View [Sample](https://github.com/SyncfusionExamples/syncfusion-wpf-maskedtextbox-examples/tree/master/Samples/InputOptions) in GitHub @@ -321,7 +321,7 @@ sfMaskedEdit.Mask = @"\([0-9]\d{2}\) [0-9]\d{2}-[0-9]\d{3}"; {% endhighlight %} {% endtabs %} -![WPF MaskedEdit displays Value in Various Formats](Working_with_SfMaskedEdit_images/wpf-maskededit-value-format.png) +![WPF MaskedTextBox displays Value in Various Formats](Working_with_SfMaskedEdit_images/wpf-maskededit-value-format.png) N> View [Sample](https://github.com/SyncfusionExamples/syncfusion-wpf-maskedtextbox-examples/tree/master/Samples/InputOptions) in GitHub @@ -348,7 +348,7 @@ sfMaskedEdit.Mask = @"\([0-9]\d{2}\) [0-9]\d{2}-[0-9]\d{3}"; {% endhighlight %} {% endtabs %} -![WPF MaskedEdit displays Value with Literals](Working_with_SfMaskedEdit_images/wpf-maskededit-with-literals.png) +![WPF MaskedTextBox displays Value with Literals](Working_with_SfMaskedEdit_images/wpf-maskededit-with-literals.png) N> View [Sample](https://github.com/SyncfusionExamples/syncfusion-wpf-maskedtextbox-examples/tree/master/Samples/InputOptions) in GitHub @@ -375,7 +375,7 @@ sfMaskedEdit.Mask = @"\([0-9]\d{2}\) [0-9]\d{2}-[0-9]\d{3}"; {% endhighlight %} {% endtabs %} -![WPF MaskedEdit displays Value with Prompt Character](Working_with_SfMaskedEdit_images/wpf-maskededit-with-prompt.png) +![WPF MaskedTextBox displays Value with Prompt Character](Working_with_SfMaskedEdit_images/wpf-maskededit-with-prompt.png) N> View [Sample](https://github.com/SyncfusionExamples/syncfusion-wpf-maskedtextbox-examples/tree/master/Samples/InputOptions) in GitHub @@ -402,7 +402,7 @@ sfMaskedEdit.Mask = @"\([0-9]\d{2}\) [0-9]\d{2}-[0-9]\d{3}"; {% endhighlight %} {% endtabs %} -![WPF MaskedEdit displays Value with Prompt and Literals Character](Working_with_SfMaskedEdit_images/wpf-maskededit-with-prompt-and-iterals.png) +![WPF MaskedTextBox displays Value with Prompt and Literals Character](Working_with_SfMaskedEdit_images/wpf-maskededit-with-prompt-and-iterals.png) N> View [Sample](https://github.com/SyncfusionExamples/syncfusion-wpf-maskedtextbox-examples/tree/master/Samples/InputOptions) in GitHub @@ -433,7 +433,7 @@ sfMaskedEdit.Mask = @"\+1 [0-9]\d{2}-[0-9]\d{2}-[0-9]\d{3}"; {% endhighlight %} {% endtabs %} -![Validating Input on Key Press in WPF MaskedEdit](Working_with_SfMaskedEdit_images/wpf-maskededit-input-validation.png) +![Validating Input on Key Press in WPF MaskedTextBox](Working_with_SfMaskedEdit_images/wpf-maskededit-input-validation.png) N> View [Sample](https://github.com/SyncfusionExamples/syncfusion-wpf-maskedtextbox-examples/tree/master/Samples/InputOptions) in GitHub @@ -460,7 +460,7 @@ sfMaskedEdit.Mask = @"\+1 [0-9]\d{2}-[0-9]\d{2}-[0-9]\d{3}"; {% endhighlight %} {% endtabs %} -![Validating Input without Focus in WPF MaskedEdit](Working_with_SfMaskedEdit_images/wpf-maskededit-lostfocus.png) +![Validating Input without Focus in WPF MaskedTextBox](Working_with_SfMaskedEdit_images/wpf-maskededit-lostfocus.png) N> View [Sample](https://github.com/SyncfusionExamples/syncfusion-wpf-maskedtextbox-examples/tree/master/Samples/InputOptions) in GitHub @@ -506,7 +506,7 @@ private void SfMaskedEdit_LostFocus(object sender, RoutedEventArgs e) { {% endhighlight %} {% endtabs %} -![WPF MaskedEdit displays Validation Result](Working_with_SfMaskedEdit_images/wpf-maskededit-validation-result.png) +![WPF MaskedTextBox displays Validation Result](Working_with_SfMaskedEdit_images/wpf-maskededit-validation-result.png) ## Indicates error on invalid input @@ -527,7 +527,7 @@ sfMaskedEdit.ErrorBorderBrush = Brushes.Yellow; {% endhighlight %} {% endtabs %} -![WPF MaskedEdit displays Error Validation](Working_with_SfMaskedEdit_images/wpf-maskededit-error-validation.gif) +![WPF MaskedTextBox displays Error Validation](Working_with_SfMaskedEdit_images/wpf-maskededit-error-validation.gif) N> View [Sample](https://github.com/SyncfusionExamples/syncfusion-wpf-maskedtextbox-examples/tree/master/Samples/InputOptions) in GitHub @@ -554,7 +554,7 @@ sfMaskedEdit.Mask = @"\+1 [0-9]\d{2}-[0-9]\d{2}-[0-9]\d{3}"; {% endhighlight %} {% endtabs %} -![WPF MaskedEdit displays Prompt Character](Working_with_SfMaskedEdit_images/wpf-maskededit-prompt-char.png) +![WPF MaskedTextBox displays Prompt Character](Working_with_SfMaskedEdit_images/wpf-maskededit-prompt-char.png) N> View [Sample](https://github.com/SyncfusionExamples/syncfusion-wpf-maskedtextbox-examples/tree/master/Samples/InputOptions) in GitHub @@ -584,7 +584,7 @@ sfMaskedEdit.Mask = @"\+1 [0-9]\d{2}-[0-9]\d{2}-[0-9]\d{3}"; {% endhighlight %} {% endtabs %} -![WPF MaskedEdit displays Prompt Character](Working_with_SfMaskedEdit_images/wpf-maskededit-prompt.png) +![WPF MaskedTextBox displays Prompt Character](Working_with_SfMaskedEdit_images/wpf-maskededit-prompt.png) N> View [Sample](https://github.com/SyncfusionExamples/syncfusion-wpf-maskedtextbox-examples/tree/master/Samples/InputOptions) in GitHub @@ -607,7 +607,7 @@ sfMaskedEdit.Watermark = "Type here"; {% endhighlight %} {% endtabs %} -![WPF MaskedEdit with Watermark Text](Working_with_SfMaskedEdit_images/wpf-maskededit-watermark-text.jpg) +![WPF MaskedTextBox with Watermark Text](Working_with_SfMaskedEdit_images/wpf-maskededit-watermark-text.jpg) N> View [Sample](https://github.com/SyncfusionExamples/syncfusion-wpf-maskedtextbox-examples/tree/master/Samples/InputOptions) in GitHub @@ -635,7 +635,7 @@ You can change the template of the `Watermark` by using the [WatermarkTemplate]( {% endhighlight %} {% endtabs %} -![Customizing Watermark Text in WPF MaskedEdit](Working_with_SfMaskedEdit_images/wpf-maskededit-watermark-customization.png) +![Customizing Watermark Text in WPF MaskedTextBox](Working_with_SfMaskedEdit_images/wpf-maskededit-watermark-customization.png) N> View [Sample](https://github.com/SyncfusionExamples/syncfusion-wpf-maskedtextbox-examples/tree/master/Samples/InputOptions) in GitHub diff --git a/wpf/MaskedTextBox/Overview.md b/wpf/MaskedTextBox/Overview.md index 7f0f4af1b..8fd8acd74 100644 --- a/wpf/MaskedTextBox/Overview.md +++ b/wpf/MaskedTextBox/Overview.md @@ -9,9 +9,9 @@ documentation: ug # About Syncfusion® WPF MaskedTextBox (SfMaskedEdit) Control -The [WPF MaskedTextBox](https://www.syncfusion.com/wpf-controls/maskedtextbox) (SfMaskedEdit) is an advanced version of the input control that restricts your input of certain types such as characters, text, and numbers by 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 [WPF MaskedTextBox](https://www.syncfusion.com/wpf-controls/maskedtextbox) is an advanced input control that restricts characters, text, and numbers by using a mask pattern. The WPF MaskedTextBox control is implemented through the [SfMaskedEdit](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Input.SfMaskedEdit.html) class. It can be used to create templates for information such as telephone numbers, IP addresses, and product IDs. -![Overview of WPF MaskedEdit](Overview_images/wpf-maskededit.jpg) +![Overview of WPF MaskedTextBox](Overview_images/wpf-maskededit.jpg) ## Key features diff --git a/wpf/Radial-Menu/Appearance-and-Styling.md b/wpf/Radial-Menu/Appearance-and-Styling.md index 6058a450d..99af88fcb 100644 --- a/wpf/Radial-Menu/Appearance-and-Styling.md +++ b/wpf/Radial-Menu/Appearance-and-Styling.md @@ -1,7 +1,7 @@ ---- +--- layout: post -title: Appearance and Styling in WPF RadialMenu | Syncfusion® -description: Customize the appearance of the WPF RadialMenu using radius settings, rim styling, navigation buttons, and item background customization. +title: Appearance and Styling in WPF Radial Menu | Syncfusion® +description: Customize the appearance of the WPF Radial Menu using radius settings, rim styling, navigation buttons, and item background customization. platform: wpf control: SfRadialMenu documentation: ug @@ -11,7 +11,7 @@ documentation: ug ## Radius -RadiusX and RadiusY properties in the Radial Menu can be used to define the X and Y axis radius to render the control. +The `RadiusX` and `RadiusY` properties in the WPF Radial Menu can be used to define the X and Y axis radius to render the control. {%highlight xaml%} @@ -24,7 +24,7 @@ RadiusX and RadiusY properties in the Radial Menu can be used to define the X an ## CenterRimRadiusFactor -CenterRimRadiusFactor property can be used to define the radius of the center rim (inner circle). +The `CenterRimRadiusFactor` property can be used to define the radius of the center rim (inner circle). {%highlight xaml%} @@ -41,7 +41,7 @@ CenterRimRadiusFactor property can be used to define the radius of the center ri ## RimBackground -RimBackground property used to fill the outer rim (outer circle). +The `RimBackground` property is used to fill the outer rim (outer circle). {%highlight xaml%} @@ -56,13 +56,13 @@ RimBackground property used to fill the outer rim (outer circle). -RadialMenu outer ring filled with color +The WPF Radial Menu outer ring filled with color ## RimActiveBrush -RimActiveBrush property used to fill the expander rim and this expander rim only visible when the items have sub items. +The `RimActiveBrush` property is used to fill the expander rim and this expander rim is only visible when the items have sub items. {%highlight xaml%} @@ -81,7 +81,7 @@ RimActiveBrush property used to fill the expander rim and this expander rim only ##RimInactiveBrush -`RimInactiveBrush` property used to fill the expander rim item background when the corresponding menu item doesn’t have sub items. +The `RimInactiveBrush` property is used to fill the expander rim item background when the corresponding menu item does not have sub items. {%highlight xaml%} @@ -106,7 +106,7 @@ RimActiveBrush property used to fill the expander rim and this expander rim only ## RimHoverBrush -The RimHoverBrush property can be used to fill the expander rim while the pointer is hovering over it. +The `RimHoverBrush` property can be used to fill the expander rim while the pointer is hovering over it. {%highlight xaml%} @@ -123,7 +123,7 @@ The RimHoverBrush property can be used to fill the expander rim while the pointe ## IsExpanderVisible -Expander arrow in the OuterRim of `SfRadialMenu` visibility can be changed by `IsExpanderVisible` property of `SfRadialMenuItem`. By default, `IsExpanderVisible` value is True. +The expander arrow in the OuterRim of `SfRadialMenu` visibility can be changed by the `IsExpanderVisible` property of `SfRadialMenuItem`. By default, the value of `IsExpanderVisible` is `True`. {%highlight xaml%} @@ -151,7 +151,7 @@ Expander arrow in the OuterRim of `SfRadialMenu` visibility can be changed by `I ## RimRadiusFactor -RimRadiusFactor property of Radial Menu can be used to set the radius of the items panel. Lowest values to this factor increases the thickness of the outer rim. Highest values to this factor decreases the thickness of the outer rim. +The `RimRadiusFactor` property of the WPF Radial Menu can be used to set the radius of the items panel. Lowest values to this factor increase the thickness of the outer rim. Highest values to this factor decrease the thickness of the outer rim. {%highlight xaml%} @@ -168,7 +168,7 @@ RimRadiusFactor property of Radial Menu can be used to set the radius of the ite ## Navigation Button Style -The navigation button displayed in the center of radial menu can be styled using NavigationButtonStyle property. +The navigation button displayed in the center of the WPF Radial Menu can be styled using the `NavigationButtonStyle` property. {%highlight xaml%} @@ -231,7 +231,7 @@ Each `SfRadialMenuItem` can be set a different background color using `MenuBackg ## MenuMouseOverBackgroundColor -Each SfRadialMenuItem can be set with a different background color on mouse over by using the MenuMouseOverBackgroundColor property. Before that, the ShowMouseOverStyle property should be set to true. +Each `SfRadialMenuItem` can be set with a different background color on mouse over by using the `MenuMouseOverBackgroundColor` property. Before that, the `ShowMouseOverStyle` property should be set to `true`. {%highlight xaml%} diff --git a/wpf/Radial-Menu/Getting-Started.md b/wpf/Radial-Menu/Getting-Started.md index 737907b84..0113cc51e 100644 --- a/wpf/Radial-Menu/Getting-Started.md +++ b/wpf/Radial-Menu/Getting-Started.md @@ -1,7 +1,7 @@ --- layout: post -title: Getting Started with WPF RadialMenu | Syncfusion® -description: Learn how to get started with the Syncfusion® WPF RadialMenu control. Explore setup, features, examples, and customization options. +title: Getting Started with WPF Radial Menu | Syncfusion® +description: Learn how to get started with the Syncfusion® WPF Radial Menu control. Explore setup, features, examples, and customization options. platform: wpf control: SfRadialMenu documentation: ug @@ -13,7 +13,7 @@ Namespace : Syncfusion.Windows.Controls.Navigation Assembly : Syncfusion.SfRadialMenu.WPF (in Syncfusion.SfRadialMenu.WPF.dll) -The following code sample shows how to create the RadialMenu from code-behind and XAML. +The following code sample shows how to create the WPF Radial Menu from code-behind and XAML. {%tabs%} {%highlight xaml%} @@ -70,7 +70,7 @@ radialMenu.Items.Add(paste); ## Theme -Radial Menu supports various built-in themes. Refer to the below links to apply themes for the Radial Menu, +The WPF Radial Menu supports various built-in themes. Refer to the following links to apply them. * [Apply theme using SfSkinManager](https://help.syncfusion.com/wpf/themes/skin-manager) diff --git a/wpf/Radial-Menu/Icon.md b/wpf/Radial-Menu/Icon.md index 7555386ac..1b6c15a6e 100644 --- a/wpf/Radial-Menu/Icon.md +++ b/wpf/Radial-Menu/Icon.md @@ -1,7 +1,7 @@ ---- +--- layout: post -title: Icon Customization in WPF RadialMenu | Syncfusion® -description: Customize the icon displayed in the center of the WPF RadialMenu to provide a distinctive navigation experience. +title: Icon Customization in WPF Radial Menu | Syncfusion® +description: Customize the icon displayed in the center of the WPF Radial Menu to provide a distinctive navigation experience. platform: wpf control: SfRadialMenu documentation: ug @@ -9,7 +9,7 @@ documentation: ug # Icon Customization in WPF Radial Menu (SfRadialMenu) -The Icon property of the RadialMenu is used to customize the icon displayed in the center of RadialMenu circle. +The `Icon` property of the WPF Radial Menu is used to customize the icon displayed in the center of the WPF Radial Menu circle. {%highlight xaml%} diff --git a/wpf/Radial-Menu/Layout-Types.md b/wpf/Radial-Menu/Layout-Types.md index 52520d26b..04b9aa9dd 100644 --- a/wpf/Radial-Menu/Layout-Types.md +++ b/wpf/Radial-Menu/Layout-Types.md @@ -1,6 +1,6 @@ ---- +--- layout: post -title: Layout Types in WPF RadialMenu | Syncfusion® +title: Layout Types in WPF Radial Menu | Syncfusion® description: Configure default and custom radial layouts using visible segment counts, segment indexes, and circular panel arrangements. platform: wpf control: SfRadialMenu @@ -8,7 +8,7 @@ documentation: ug --- # Layout Types in WPF Radial Menu (SfRadialMenu) -There are two different layout types available for SfRadialMenu. +There are two different layout types available for the WPF Radial Menu. * Default * Custom @@ -17,15 +17,15 @@ There are two different layout types available for SfRadialMenu. ## Default -Number of segments in the panel is determined by children count in the level. Hence segment count in each hierarchical level differs. RadialMenuItem is arranged in the sequential order as added in the RadialMenu. +The number of segments in the panel is determined by the children count in the level. Hence, the segment count in each hierarchical level differs. `RadialMenuItem` is arranged in the sequential order as added in the WPF Radial Menu. ## Custom -Number of segments in the panel is determined by VisibleSegmentsCount property. Hence segment count in all the hierarchical levels are same. RadialMenuItem is arranged in any order based on the SegmentIndex property. +The number of segments in the panel is determined by the `VisibleSegmentsCount` property. Hence, the segment count in all the hierarchical levels is the same. `RadialMenuItem` is arranged in any order based on the `SegmentIndex` property. ### VisibleSegmentsCount -VisibleSegmentsCount property is used to specify the number of segments available in circular panel. When children count is greater than the value given in VisibleSegmentsCount property then overflowing children are not arranged in the panel. When children count is lesser than VisibleSegmentsCount property then remaining segments are left free. +The `VisibleSegmentsCount` property is used to specify the number of segments available in the circular panel. When the children count is greater than the value given in the `VisibleSegmentsCount` property, then the overflowing children are not arranged in the panel. When the children count is less than the `VisibleSegmentsCount` property, then the remaining segments are left free. {%tabs%} {%highlight xaml%} @@ -45,7 +45,7 @@ radialMenu.LayoutType = LayoutType.Custom; ### SegmentIndex -SegmentIndex property is used to specify the index of the SfRadialMenuItem in circular panel. Based on the index, the RadialMenuItems are inserted in the segment. When SegmentIndex is not specified for a RadialMenuItem (or) two or more RadialMenuItems having the same SegmentIndex, then the menu item is arranged in the next available free segment. +The `SegmentIndex` property is used to specify the index of the `SfRadialMenuItem` in the circular panel. Based on the index, the `RadialMenuItem`s are inserted in the segment. When `SegmentIndex` is not specified for a `RadialMenuItem` (or) two or more `RadialMenuItem`s have the same `SegmentIndex`, then the menu item is arranged in the next available free segment. {%tabs%} {%highlight xaml%} diff --git a/wpf/Radial-Menu/Overview.md b/wpf/Radial-Menu/Overview.md index a2e63c66e..87e0e9268 100644 --- a/wpf/Radial-Menu/Overview.md +++ b/wpf/Radial-Menu/Overview.md @@ -1,19 +1,19 @@ --- layout: post -title: About Syncfusion® WPF RadialMenu Control | Syncfusion® -description: Learn about the introduction of Syncfusion® Essential Studio WPF RadialMenu (SfRadialMenu) control and more details. +title: About Syncfusion® WPF Radial Menu Control | Syncfusion® +description: Learn about the introduction of Syncfusion® Essential Studio WPF Radial Menu control and more details. platform: wpf control: SfRadialMenu documentation: ug --- -# About Syncfusion® WPF RadialMenu (SfRadialMenu) Control +# About Syncfusion® WPF Radial Menu (SfRadialMenu) Control -The Radial Menu displays a hierarchical menu in a circular layout. Typically used as a context menu, it can expose more menu items in the same space than traditional menus. +The [WPF Radial Menu](https://www.syncfusion.com/wpf-controls/radial-menu) displays a hierarchical menu in a circular layout. The WPF Radial Menu is implemented through the `SfRadialMenu` class. Typically used as a context menu, it can expose more menu items in the same space than traditional menus. ## Key Features -* **Items Source** – Any business object collection can be bound to control. +* **Items Source** – Any business object collection can be bound to the control. * **Commanding** – Each item can be bound to a command that could perform an action. * **Color Palette** – Easy to form radial color palette layout. diff --git a/wpf/Radial-Menu/Populating-Color-Palette.md b/wpf/Radial-Menu/Populating-Color-Palette.md index fea6dac1c..dab4bdb4f 100644 --- a/wpf/Radial-Menu/Populating-Color-Palette.md +++ b/wpf/Radial-Menu/Populating-Color-Palette.md @@ -1,7 +1,7 @@ ---- +--- layout: post -title: Color Palette in WPF RadialMenu | Syncfusion® -description: Create interactive color palettes using radial color items to display and select colors within the WPF RadialMenu. +title: Color Palette in WPF Radial Menu | Syncfusion® +description: Create interactive color palettes using radial color items to display and select colors within the WPF Radial Menu. platform: wpf control: SfRadialMenu documentation: ug @@ -9,7 +9,7 @@ documentation: ug # Color Palette in WPF Radial Menu (SfRadialMenu) -Color Palette can be formed in Radial Menu with the Radial Color Items. +A color palette can be formed in the WPF Radial Menu with the radial color items. {%highlight xaml%} diff --git a/wpf/Radial-Menu/Populating-Items.md b/wpf/Radial-Menu/Populating-Items.md index e7d764a2e..31e1c185b 100644 --- a/wpf/Radial-Menu/Populating-Items.md +++ b/wpf/Radial-Menu/Populating-Items.md @@ -1,7 +1,7 @@ ---- +--- layout: post -title: Populate Items in WPF RadialMenu | Syncfusion® -description: Populate RadialMenu items from business objects using data binding, display member paths, commands, and item templates. +title: Populate Items in WPF Radial Menu | Syncfusion® +description: Populate WPF Radial Menu items from business objects using data binding, display member paths, commands, and item templates. platform: wpf control: SfRadialMenu documentation: ug @@ -11,9 +11,9 @@ documentation: ug ## Items Source -Radial menu items can be populated with the business object collection. Let us create a RadialMenu which will show the list of Application commands. +Radial menu items can be populated with the business object collection. Let us create a WPF Radial Menu which will show the list of application commands. -The Application command model look likes below. +The Application command model looks like below. @@ -86,7 +86,7 @@ Populate the Application command collection as follows. {%endhighlight%} -Bind the Application command collection to the ItemsSource property of the RadialMenu control. +Bind the Application command collection to the `ItemsSource` property of the WPF Radial Menu control. {%highlight xaml%} @@ -96,7 +96,7 @@ Bind the Application command collection to the ItemsSource property of the Radia {%endhighlight%} -This will populate the RadialMenu as shown in the image below. +This will populate the WPF Radial Menu as shown in the image below. @@ -110,7 +110,7 @@ This will populate the RadialMenu as shown in the image below. ## Display Member Path -DisplayMemberPath property of the Radial Menu used to define which business model property needs to be displayed inside the header of the Radial Menu items. +The `DisplayMemberPath` property of the WPF Radial Menu is used to specify the business model property displayed in item headers. {%highlight xaml%} @@ -135,7 +135,7 @@ Displaying member path ## Command Path -CommandPath property of the Radial Menu can be used to bind the command in the business object to the radial menu item when items are populated using data binding. +The `CommandPath` property of the WPF Radial Menu specifies the command in the business object that is bound to a menu item when items are populated through data binding. {%highlight xaml%} @@ -152,7 +152,7 @@ CommandPath property of the Radial Menu can be used to bind the command in the b ## Item Template -ItemTemplate property of the RadialMenu can be used to customize the header part of the radial menu items. +The `ItemTemplate` property of the WPF Radial Menu is used to customize the appearance and content of item headers. {%highlight xaml%} diff --git a/wpf/Radial-Menu/ToolTip.md b/wpf/Radial-Menu/ToolTip.md index 28f9989aa..4f395a303 100644 --- a/wpf/Radial-Menu/ToolTip.md +++ b/wpf/Radial-Menu/ToolTip.md @@ -1,7 +1,7 @@ ---- +--- layout: post -title: ToolTips in WPF RadialMenu | Syncfusion® -description: Display tooltips for radial menu items and customize tooltip placement around the WPF RadialMenu control. +title: ToolTips in WPF Radial Menu | Syncfusion® +description: Display tooltips for WPF Radial Menu items and customize tooltip placement around the WPF Radial Menu control. platform: wpf control: SfRadialMenu documentation: ug @@ -9,17 +9,17 @@ documentation: ug # ToolTips in WPF Radial Menu (SfRadialMenu) -Tooltip support available for the radial menu items. This will show when mouse over the corresponding item. +Tooltip support is available for the WPF Radial Menu items. This will show when the mouse hovers over the corresponding item. ToolTip Placement -Position of the tooltip displayed relative to the Radial Menu can be customized using ToolTipPlacement property. This have the following options. +The position of the tooltip displayed relative to the WPF Radial Menu can be customized using the `ToolTipPlacement` property. The following tooltip positions are supported: -* None: Tooltip is hidden from the display. -* Left: Tooltip is displayed left of the Radial Menu. -* Top: Tooltip is displayed on top of the Radial Menu. -* Right: Tooltip is displayed right of the Radial Menu. -* Bottom: Tooltip is displayed at the bottom of the Radial Menu. +* None: Hides the tooltip. +* Left: Displays the tooltip to the left of the WPF Radial Menu. +* Top: Displays the tooltip above the control. +* Right: Displays the tooltip to the right of the control. +* Bottom: Displays the tooltip below the control. {%highlight xaml%}