diff --git a/wpf/Radial-Slider/Appearance.md b/wpf/Radial-Slider/Appearance.md index bcb2396f3..107f8d231 100644 --- a/wpf/Radial-Slider/Appearance.md +++ b/wpf/Radial-Slider/Appearance.md @@ -1,7 +1,7 @@ ---- +--- layout: post -title: Appearance in WPF RadialSlider | Syncfusion® -description: Customize the appearance of the WPF RadialSlider using foreground, background, flow direction, and theme settings. +title: Appearance in WPF Radial Slider | Syncfusion® +description: Customize the appearance of the WPF Radial Slider using foreground, background, flow direction, and theme settings. platform: wpf control: SfRadialSlider documentation: ug @@ -9,11 +9,11 @@ documentation: ug # Appearance in WPF Radial Slider (SfRadialSlider) -This section explains different styling, theming options available in [SfRadialSlider](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Navigation.SfRadialSlider.html) control. +This section explains the styling and theming options available in the [WPF Radial Slider](https://www.syncfusion.com/wpf-controls/radial-slider) control. The WPF Radial Slider is implemented through the [SfRadialSlider](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Navigation.SfRadialSlider.html) class. ## Setting the foreground -You can change the foreground color of the `SfRadialSlider` by using the `Foreground` property. The default value of `Foreground` property is `Black`. +You can change the foreground color of the `SfRadialSlider` by using the `Foreground` property. The default value of the `Foreground` property is `Black`. {% tabs %} {% highlight xaml %} @@ -29,13 +29,13 @@ radialSlider.Foreground = Brushes.Red; {% endhighlight %} {% endtabs %} -![SfRadialSlider with red foreground](Appearance_images/Foreground.png) +![WPF Radial Slider with red foreground](Appearance_images/Foreground.png) N> [View Sample in GitHub](https://github.com/SyncfusionExamples/syncfusion-wpf-radial-slider-examples/tree/master/Samples/RadialSlider-Features) ## Setting the background -You can change the background color of the `SfRadialSlider` by using the `Background` property. The default value of `Background` property is `White`. +You can change the background color of the `SfRadialSlider` by using the `Background` property. The default value of the `Background` property is `White`. {% tabs %} {% highlight xaml %} @@ -51,13 +51,13 @@ radialSlider.Background = Brushes.Yellow; {% endhighlight %} {% endtabs %} -![SfRadialSlider with yellow background](Appearance_images/Background.png) +![WPF Radial Slider with yellow background](Appearance_images/Background.png) N> [View Sample in GitHub](https://github.com/SyncfusionExamples/syncfusion-wpf-radial-slider-examples/tree/master/Samples/RadialSlider-Features) ## Change flow direction -You can change the flow direction of the `SfRadialSlider` 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 `SfRadialSlider` layout from right to left by setting the `FlowDirection` property value to `RightToLeft`. The default value of the `FlowDirection` property is `LeftToRight`. {% tabs %} {% highlight xaml %} @@ -73,16 +73,16 @@ radialSlider.FlowDirection = FlowDirection.RightToLeft; {% endhighlight %} {% endtabs %} -![SfRadialSlider with right to left flow direction](Appearance_images/rtl.png) +![WPF Radial Slider with right to left flow direction](Appearance_images/rtl.png) N> [View Sample in GitHub](https://github.com/SyncfusionExamples/syncfusion-wpf-radial-slider-examples/tree/master/Samples/RadialSlider-Features) ## Theme -SfRadialSlider supports various built-in themes. Refer to the below links to apply themes for the SfRadialSlider, +The WPF Radial Slider supports various built-in themes. Refer to the following links to apply themes to the control: * [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) - ![Setting theme to WPF SfRadialSlider](getting-started_images/wpf-radial-slider-theme-setting.png) + ![Setting theme to WPF Radial Slider](getting-started_images/wpf-radial-slider-theme-setting.png) diff --git a/wpf/Radial-Slider/Getting-Started.md b/wpf/Radial-Slider/Getting-Started.md index 06d1deacf..068eefa3c 100644 --- a/wpf/Radial-Slider/Getting-Started.md +++ b/wpf/Radial-Slider/Getting-Started.md @@ -1,17 +1,17 @@ --- layout: post -title: Getting Started with WPF RadialSlider | Syncfusion® -description: Learn how to get started with the Syncfusion® WPF RadialSlider (SfRadialSlider) control. Explore setup, features, examples, and customization options. +title: Getting Started with WPF Radial Slider | Syncfusion® +description: Learn how to get started with the Syncfusion® WPF Radial Slider (SfRadialSlider) control. Explore setup, features, examples, and customization options. platform: wpf control: SfRadialSlider documentation: ug --- -# Getting Started with WPF RadialSlider (SfRadialSlider) +# Getting Started with WPF Radial Slider (SfRadialSlider) -This section explains how to create a WPF [SfRadialSlider](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Navigation.SfRadialSlider.html) and explains about its structure. +This section explains how to create a [WPF Radial Slider](https://www.syncfusion.com/wpf-controls/radial-slider) and describes its structure. The WPF Radial Slider is implemented through the [SfRadialSlider](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Navigation.SfRadialSlider.html) class. -## Structure of SfRadialSlider +## Structure of WPF Radial Slider ![Structure in WPF Radial Slider](getting-started_images/wpf-radial-slider-structure.png) @@ -21,7 +21,7 @@ Refer to the [Control Dependencies](https://help.syncfusion.com/wpf/control-depe Refer to this [documentation](https://help.syncfusion.com/wpf/installation/install-nuget-packages) to find more details about installing nuget packages in a WPF application. -## Adding WPF SfRadialSlider via designer +## Adding WPF Radial Slider via designer 1. The `SfRadialSlider` can be added to an application by dragging it from the toolbox to a designer view. The following dependent assemblies will be added automatically: @@ -32,7 +32,7 @@ Refer to this [documentation](https://help.syncfusion.com/wpf/installation/insta 2. Set the properties for `SfRadialSlider` in design mode using the SmartTag feature. -## Adding WPF SfRadialSlider via XAML +## Adding WPF Radial Slider via XAML To add the `SfRadialSlider` manually in XAML, follow these steps: @@ -43,7 +43,7 @@ To add the `SfRadialSlider` manually in XAML, follow these steps: * Syncfusion.SfRadialMenu.WPF * Syncfusion.SfShared.WPF -3. Import Syncfusion WPF schema **http://schemas.syncfusion.com/wpf**, and declare the SfRadialSlider in XAML page. +3. Import Syncfusion WPF schema **http://schemas.syncfusion.com/wpf**, and declare the WPF Radial Slider in XAML page. {% capture codesnippet1 %} {% tabs %} @@ -72,7 +72,7 @@ To add the `SfRadialSlider` manually in XAML, follow these steps: {% endcapture %} {{ codesnippet1 | OrderList_Indent_Level_1 }} -## Adding WPF SfRadialSlider via C# +## Adding WPF Radial Slider via C# To add the `SfRadialSlider` manually in C#, follow these steps: @@ -95,7 +95,7 @@ using Syncfusion.Windows.Shared; {% endcapture %} {{ codesnippet2 | OrderList_Indent_Level_1 }} -4. Create an instance of `SfRadialSlider`, and add it to the window. +4. Create an instance of `SfRadialSlider` and add it to the window. {% capture codesnippet3 %} {% tabs %} @@ -119,7 +119,7 @@ N> [View Sample in GitHub](https://github.com/SyncfusionExamples/syncfusion-wpf- ## Select tick value -You can select any tick value by dragging the pointer along the circular track or clicking on the corresponding track value. You can get the selected value by using the `Value` property. The default value of `Value` property is `0`. +You can select any tick value by dragging the pointer along the circular track or clicking on the corresponding track value. You can get the selected value by using the `Value` property. The default value of the `Value` property is `0`. ![Selecting a Value by Clicking and Draging in WPF Radial Slider](getting-started_images/wpf-radial-slider-drag-select-value.gif) @@ -147,7 +147,7 @@ N> [View Sample in GitHub](https://github.com/SyncfusionExamples/syncfusion-wpf- ## Display selected value -You can display the selected value in the content area of the `SfRadialSlider` by setting the selected value to the [Content](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Navigation.SfRadialSlider.html#Syncfusion_Windows_Controls_Navigation_SfRadialSlider_Content) property. The default value of `Content` property is `null`. +You can display the selected value in the content area of the `SfRadialSlider` by setting the selected value to the [Content](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Navigation.SfRadialSlider.html#Syncfusion_Windows_Controls_Navigation_SfRadialSlider_Content) property. The default value of the `Content` property is `null`. {% tabs %} {% highlight C# %} @@ -189,7 +189,7 @@ N> [View Sample in GitHub](https://github.com/SyncfusionExamples/syncfusion-wpf- ## Change min-max tick value -You can change the minimum and maximum ticks value of the `SfRadialSlider` by using the `Minimum` and `Maximum` properties. The default value of `Minimum` property is `0` and `Maximum` property is `100`. +You can change the minimum and maximum tick values of the `SfRadialSlider` by using the `Minimum` and `Maximum` properties. The default value of the `Minimum` property is `0`, and the default value of the `Maximum` property is `100`. {% tabs %} {% highlight xaml %} @@ -213,7 +213,7 @@ N> [View Sample in GitHub](https://github.com/SyncfusionExamples/syncfusion-wpf- ## Change start and end position -You can change starting and ending position for generating the ticks in the circular track by using the [StartAngle](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Navigation.SfRadialSlider.html#Syncfusion_Windows_Controls_Navigation_SfRadialSlider_StartAngle) and [EndAngle](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Navigation.SfRadialSlider.html#Syncfusion_Windows_Controls_Navigation_SfRadialSlider_EndAngle) properties. The default value of `EndAngle` property is `0` and `StartAngle` property is `360`. +You can change the starting and ending positions for generating ticks in the circular track by using the [StartAngle](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Navigation.SfRadialSlider.html#Syncfusion_Windows_Controls_Navigation_SfRadialSlider_StartAngle) and [EndAngle](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Navigation.SfRadialSlider.html#Syncfusion_Windows_Controls_Navigation_SfRadialSlider_EndAngle) properties. The default value of the `EndAngle` property is `0`, and the default value of the `StartAngle` property is `360`. {% tabs %} {% highlight xaml %} @@ -259,7 +259,7 @@ N> [View Sample in GitHub](https://github.com/SyncfusionExamples/syncfusion-wpf- ## Step interval -If you want to control the smallest possible range of value to be selected in `SfRadialSlider`, use the `SmallChange` property. The default value of `SmallChange` property is `0.1`. For example, if `SmallChange` is set to `5`, then it is only possible to select values that are multiples of `5`. +If you want to control the smallest possible range of values to be selected in `SfRadialSlider`, use the `SmallChange` property. The default value of the `SmallChange` property is `0.1`. For example, if `SmallChange` is set to `5`, then it is only possible to select values that are multiples of `5`. {% tabs %} {% highlight xaml %} @@ -281,7 +281,7 @@ N> [View Sample in GitHub](https://github.com/SyncfusionExamples/syncfusion-wpf- ## Change inner and outer rim radius -You can change inner and outer rim radius of the `SfRadialSlider` by using the [InnerRimRadiusFactor](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Navigation.SfRadialSlider.html#Syncfusion_Windows_Controls_Navigation_SfRadialSlider_InnerRimRadiusFactor) and [OuterRimRadiusFactor](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Navigation.SfRadialSlider.html#Syncfusion_Windows_Controls_Navigation_SfRadialSlider_OuterRimRadiusFactor) properties. The default value of `InnerRimRadiusFactor` property is `0.2` and `OuterRimRadiusFactor` property is `0.7`. +You can change the inner and outer rim radius of the `SfRadialSlider` by using the [InnerRimRadiusFactor](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Navigation.SfRadialSlider.html#Syncfusion_Windows_Controls_Navigation_SfRadialSlider_InnerRimRadiusFactor) and [OuterRimRadiusFactor](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Navigation.SfRadialSlider.html#Syncfusion_Windows_Controls_Navigation_SfRadialSlider_OuterRimRadiusFactor) properties. The default value of the `InnerRimRadiusFactor` property is `0.2`, and the default value of the `OuterRimRadiusFactor` property is `0.7`. {% tabs %} {% highlight xaml %} @@ -384,7 +384,7 @@ N> [View Sample in GitHub](https://github.com/SyncfusionExamples/syncfusion-wpf- ## Value changed notification -The selected value changed in `SfRadialSlider` can be examined using `ValueChanged` event. The `ValueChanged` event contains the old and newly selected tick value in the `OldValue` and `NewValue` properties. +The selected value change in `SfRadialSlider` can be examined using the `ValueChanged` event. The `ValueChanged` event contains the old and newly selected tick values in the `OldValue` and `NewValue` properties. {% tabs %} {% highlight XAML %} @@ -417,7 +417,7 @@ private void RadialSlider_ValueChanged(object sender, RoutedPropertyChangedEvent ## Theme -SfRadialSlider supports various built-in themes. Refer to the below links to apply themes for the SfRadialSlider, +The WPF Radial Slider supports various built-in themes. Refer to the following links to apply themes to the control: * [Apply theme using SfSkinManager](https://help.syncfusion.com/wpf/themes/skin-manager) diff --git a/wpf/Radial-Slider/Overview.md b/wpf/Radial-Slider/Overview.md index 1b1d4fdd1..e55c3b824 100644 --- a/wpf/Radial-Slider/Overview.md +++ b/wpf/Radial-Slider/Overview.md @@ -1,15 +1,15 @@ --- layout: post -title: About Syncfusion® WPF RadialSlider Control | Syncfusion® -description: Learn about the introduction of Syncfusion® Essential Studio WPF RadialSlider (SfRadialSlider) control and more details. +title: About Syncfusion® WPF Radial Slider Control | Syncfusion® +description: Learn about the introduction of Syncfusion® Essential Studio WPF Radial Slider (SfRadialSlider) control and more details. platform: wpf control: SfRadialSlider documentation: ug --- -# About Syncfusion® WPF RadialSlider (SfRadialSlider) Control +# About Syncfusion® WPF Radial Slider (SfRadialSlider) Control -The [SfRadialSlider](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Navigation.SfRadialSlider.html) provides an optimized interface for selecting a numeric value within the minimum and maximum range in the circular track. +The [WPF Radial Slider](https://www.syncfusion.com/wpf-controls/radial-slider) provides an optimized interface for selecting a numeric value within the minimum and maximum range in the circular track. The WPF Radial Slider is implemented through the [SfRadialSlider](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Navigation.SfRadialSlider.html) class. ## Key features diff --git a/wpf/Radial-Slider/Working-With-SfRadialSlider.md b/wpf/Radial-Slider/Working-With-SfRadialSlider.md index 56dff4829..74c05b88e 100644 --- a/wpf/Radial-Slider/Working-With-SfRadialSlider.md +++ b/wpf/Radial-Slider/Working-With-SfRadialSlider.md @@ -1,7 +1,7 @@ ---- +--- layout: post title: Customize the UI of WPF Radial Slider | Syncfusion® -description: Customize the appearance and behavior of the WPF SfRadialSlider, including ticks, labels, pointers, rims, and value selection. +description: Customize the appearance and behavior of the WPF Radial Slider, including ticks, labels, pointers, rims, and value selection. platform: wpf control: SfRadialSlider documentation: ug @@ -9,11 +9,11 @@ documentation: ug # Customize the UI of WPF Radial Slider (SfRadialSlider) -This section explains different UI customization and common features available in [SfRadialSlider](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Navigation.SfRadialSlider.html) control. +This section explains the UI customization and common features available in the [WPF Radial Slider](https://www.syncfusion.com/wpf-controls/radial-slider) control. The WPF Radial Slider is implemented through the [SfRadialSlider](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Navigation.SfRadialSlider.html) class. ## Select tick value -You can select any tick value by dragging the pointer along the circular track or clicking on the corresponding track value. You can get the selected value by using the `Value` property. The default value of `Value` property is `0`. +You can select any tick value by dragging the pointer along the circular track or clicking on the corresponding track value. You can get the selected value by using the `Value` property. The default value of the `Value` property is `0`. ![Selecting a value by clicking and draging](getting-started_images/wpf-radial-slider-drag-select-value.gif) @@ -35,13 +35,13 @@ radialSlider.Value = 34; {% endhighlight %} {% endtabs %} -![SfRadialSlider selecting a value programmatically](getting-started_images/wpf-radial-slider-selected-value.png) +![WPF Radial Slider selecting a value programmatically](getting-started_images/wpf-radial-slider-selected-value.png) N> [View Sample in GitHub](https://github.com/SyncfusionExamples/syncfusion-wpf-radial-slider-examples/tree/master/Samples/RadialSlider-Features) ## Display selected value -You can display the selected value in the content area of the `SfRadialSlider` by setting the selected value to the [Content](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Navigation.SfRadialSlider.html#Syncfusion_Windows_Controls_Navigation_SfRadialSlider_Content) property. The default value of `Content` property is `null`. +You can display the selected value in the content area of the `SfRadialSlider` by setting the selected value to the [Content](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Navigation.SfRadialSlider.html#Syncfusion_Windows_Controls_Navigation_SfRadialSlider_Content) property. The default value of the `Content` property is `null`. {% tabs %} {% highlight C# %} @@ -77,13 +77,13 @@ public class ViewModel {% endhighlight %} {% endtabs %} -![SfRadialSlider displays the selected value](getting-started_images/wpf-radial-slider-display-selected-value.png) +![WPF Radial Slider displays the selected value](getting-started_images/wpf-radial-slider-display-selected-value.png) N> [View Sample in GitHub](https://github.com/SyncfusionExamples/syncfusion-wpf-radial-slider-examples/tree/master/Samples/RadialSlider-Features) ## Custom UI for display content -You can customize the appearance of display content area by using the `ContentTemplate` property. The default value of `ContentTemplate` property is `null`. The `DataContext` of the `ContentTemplate` property is `SfRadialSlider`. +You can customize the appearance of the display content area by using the `ContentTemplate` property. The default value of the `ContentTemplate` property is `null`. The `DataContext` of the `ContentTemplate` property is `SfRadialSlider`. {% tabs %} {% highlight C# %} @@ -126,11 +126,11 @@ public class ViewModel {% endhighlight %} {% endtabs %} -![SfRadialSlider with customized content area](Working-With-SfRadialSlider_images/ContentTemplate.png) +![WPF Radial Slider with customized content area](Working-With-SfRadialSlider_images/ContentTemplate.png) ## Change min-max tick value -You can change the minimum and maximum ticks value of the `SfRadialSlider` by using the `Minimum` and `Maximum` properties. The default value of `Minimum` property is `0` and `Maximum` property is `100`. +You can change the minimum and maximum tick values of the `SfRadialSlider` by using the `Minimum` and `Maximum` properties. The default value of the `Minimum` property is `0`, and the default value of the `Maximum` property is `100`. {% tabs %} {% highlight xaml %} @@ -148,13 +148,13 @@ radialSlider.Maximum = 200; {% endhighlight %} {% endtabs %} -![SfRadialSlider with changed minimum and maximum values](getting-started_images/wpf-radial-slider-min-max-values.png) +![WPF Radial Slider with changed minimum and maximum values](getting-started_images/wpf-radial-slider-min-max-values.png) N> [View Sample in GitHub](https://github.com/SyncfusionExamples/syncfusion-wpf-radial-slider-examples/tree/master/Samples/RadialSlider-Features) ## Change start and end position -You can change starting and ending position for generating the ticks in the circular track by using the [StartAngle](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Navigation.SfRadialSlider.html#Syncfusion_Windows_Controls_Navigation_SfRadialSlider_StartAngle) and [EndAngle](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Navigation.SfRadialSlider.html#Syncfusion_Windows_Controls_Navigation_SfRadialSlider_EndAngle) properties. The default value of `StartAngle` property is `0` and `EndAngle` property is `360`. +You can change the starting and ending positions for generating ticks in the circular track by using the [StartAngle](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Navigation.SfRadialSlider.html#Syncfusion_Windows_Controls_Navigation_SfRadialSlider_StartAngle) and [EndAngle](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Navigation.SfRadialSlider.html#Syncfusion_Windows_Controls.Navigation.SfRadialSlider_EndAngle) properties. The default value of the `StartAngle` property is `0`, and the default value of the `EndAngle` property is `360`. {% tabs %} {% highlight xaml %} @@ -172,7 +172,7 @@ radialSlider.EndAngle = 300; {% endhighlight %} {% endtabs %} -![SfRadialSlider ticks start and end position changed](getting-started_images/wpf-radial-slider-start-end-angle.png) +![WPF Radial Slider ticks start and end position changed](getting-started_images/wpf-radial-slider-start-end-angle.png) N> [View Sample in GitHub](https://github.com/SyncfusionExamples/syncfusion-wpf-radial-slider-examples/tree/master/Samples/RadialSlider-Features) @@ -194,13 +194,13 @@ radialSlider.TickFrequency = 20; {% endhighlight %} {% endtabs %} -![SfRadialSlider ticks display interval changed to 20](getting-started_images/wpf-radial-slider-tick-frequency.png) +![WPF Radial Slider ticks display interval changed to 20](getting-started_images/wpf-radial-slider-tick-frequency.png) N> [View Sample in GitHub](https://github.com/SyncfusionExamples/syncfusion-wpf-radial-slider-examples/tree/master/Samples/RadialSlider-Features) ## Step interval -If you want to control the smallest possible range of value to be selected in `SfRadialSlider`, use the `SmallChange` property. The default value of `SmallChange` property is `0.1`. For example, if `SmallChange` is set to `5`, then it is only possible to select values that are multiples of `5`. +If you want to control the smallest possible range of values to be selected in `SfRadialSlider`, use the `SmallChange` property. The default value of the `SmallChange` property is `0.1`. For example, if `SmallChange` is set to `5`, then it is only possible to select values that are multiples of `5`. {% tabs %} {% highlight xaml %} @@ -216,7 +216,7 @@ radialSlider.SmallChange = 5; {% endhighlight %} {% endtabs %} -![SfRadialSlider value selection interval changed](getting-started_images/wpf-radial-slider-value-selection.gif) +![WPF Radial Slider value selection interval changed](getting-started_images/wpf-radial-slider-value-selection.gif) N> [View Sample in GitHub](https://github.com/SyncfusionExamples/syncfusion-wpf-radial-slider-examples/tree/master/Samples/RadialSlider-Features) @@ -240,13 +240,13 @@ radialSlider.SweepDirection = SweepDirection.Counterclockwise; {% endhighlight %} {% endtabs %} -![SfRadialSlider ticks displayed in counter-clockwise](getting-started_images/wpf-radial-slider-sweep-direction.png) +![WPF Radial Slider ticks displayed in counter-clockwise](getting-started_images/wpf-radial-slider-sweep-direction.png) N> [View Sample in GitHub](https://github.com/SyncfusionExamples/syncfusion-wpf-radial-slider-examples/tree/master/Samples/RadialSlider-Features) ## Display maximum value -By default, the maximum value is not shown in the `SfRadialSlider`. If you want to show the maximum value when difference of the minimum and maximum value is not a `TickFrequency` multiples, use the [ShowMaximumValue](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Navigation.SfRadialSlider.html#Syncfusion_Windows_Controls_Navigation_SfRadialSlider_ShowMaximumValue) property value as `true`. The default value of `ShowMaximumValue` property is `false`. +By default, the maximum value is not shown in the `SfRadialSlider`. If you want to show the maximum value when the difference between the minimum and maximum values is not a multiple of `TickFrequency`, set the [ShowMaximumValue](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Navigation.SfRadialSlider.html#Syncfusion_Windows_Controls_Navigation_SfRadialSlider_ShowMaximumValue) property to `true`. The default value of the `ShowMaximumValue` property is `false`. {% tabs %} {% highlight xaml %} @@ -264,13 +264,13 @@ radialSlider.ShowMaximumValue = true; {% endhighlight %} {% endtabs %} -![SfRadialSlider shows the maximum value](Working-With-SfRadialSlider_images/ShowMaximumValue.png) +![WPF Radial Slider shows the maximum value](Working-With-SfRadialSlider_images/ShowMaximumValue.png) N> [View Sample in GitHub](https://github.com/SyncfusionExamples/syncfusion-wpf-radial-slider-examples/tree/master/Samples/RadialSlider-Features) ## Change tick radius -You can change the each tick radius by using the [TickRadiusFactor](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Navigation.SfRadialSlider.html#Syncfusion_Windows_Controls_Navigation_SfRadialSlider_TickRadiusFactor) property. The default value of `TickRadiusFactor` property is `0.72`. You can hide the ticks by using the [TickVisibility](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Navigation.SfRadialSlider.html#Syncfusion_Windows_Controls_Navigation_SfRadialSlider_TickVisibility) property value as `Hidden`. +You can change the radius of each tick by using the [TickRadiusFactor](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Navigation.SfRadialSlider.html#Syncfusion_Windows_Controls_Navigation_SfRadialSlider_TickRadiusFactor) property. The default value of the `TickRadiusFactor` property is `0.72`. You can hide the ticks by setting the [TickVisibility](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Navigation.SfRadialSlider.html#Syncfusion_Windows_Controls_Navigation_SfRadialSlider_TickVisibility) property to `Hidden`. {% tabs %} {% highlight xaml %} @@ -288,13 +288,13 @@ radialSlider.TickVisibility = Visibility.Visible; {% endhighlight %} {% endtabs %} -![SfRadialSlider ticks radius factor changed to 0.5](Working-With-SfRadialSlider_images/TickRadiusFactor.png) +![WPF Radial Slider ticks radius factor changed to 0.5](Working-With-SfRadialSlider_images/TickRadiusFactor.png) N> [View Sample in GitHub](https://github.com/SyncfusionExamples/syncfusion-wpf-radial-slider-examples/tree/master/Samples/RadialSlider-Features) ### Custom UI of ticks -You can customize the appearance of ticks by using the `TickTemplate` property. The default value of `TickTemplate` property is `null`. The `DataContext` of the `TickTemplate` property is `SfRadialSlider` tick value count. +You can customize the appearance of ticks by using the `TickTemplate` property. The default value of the `TickTemplate` property is `null`. The `DataContext` of the `TickTemplate` property is the `SfRadialSlider` tick value count. {% tabs %} {% highlight xaml %} @@ -310,13 +310,13 @@ You can customize the appearance of ticks by using the `TickTemplate` property. {% endhighlight %} {% endtabs %} -![SfRadialSlider with customized ticks](Working-With-SfRadialSlider_images/TickTemplate.png) +![WPF Radial Slider with customized ticks](Working-With-SfRadialSlider_images/TickTemplate.png) N> [View Sample in GitHub](https://github.com/SyncfusionExamples/syncfusion-wpf-radial-slider-examples/tree/master/Samples/Custom-UI) ## Change tick label radius -You can change the each tick label radius by using the [LabelRadiusFactor](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Navigation.SfRadialSlider.html#Syncfusion_Windows_Controls_Navigation_SfRadialSlider_LabelRadiusFactor) property. The default value of `LabelRadiusFactor` property is `0.87`. You can hide the tick labels by using the [LabelVisibility](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Navigation.SfRadialSlider.html#Syncfusion_Windows_Controls_Navigation_SfRadialSlider_LabelVisibility) property value as `Hidden`. +You can change the radius of each tick label by using the [LabelRadiusFactor](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Navigation.SfRadialSlider.html#Syncfusion_Windows_Controls_Navigation_SfRadialSlider_LabelRadiusFactor) property. The default value of the `LabelRadiusFactor` property is `0.87`. You can hide the tick labels by setting the [LabelVisibility](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Navigation.SfRadialSlider.html#Syncfusion_Windows_Controls_Navigation_SfRadialSlider_LabelVisibility) property to `Hidden`. {% tabs %} {% highlight xaml %} @@ -334,13 +334,13 @@ radialSlider.LabelVisibility = Visibility.Visible; {% endhighlight %} {% endtabs %} -![SfRadialSlider tick label radius factor changed to 0.5](Working-With-SfRadialSlider_images/LabelRadiusFactor.png) +![WPF Radial Slider tick label radius factor changed to 0.5](Working-With-SfRadialSlider_images/LabelRadiusFactor.png) N> [View Sample in GitHub](https://github.com/SyncfusionExamples/syncfusion-wpf-radial-slider-examples/tree/master/Samples/RadialSlider-Features) ### Custom UI of tick labels -You can customize the appearance of tick labels by using the `LabelTemplate` property. The default value of `LabelTemplate` property is `null`. The `DataContext` of the `LabelTemplate` property is `SfRadialSlider` tick values. +You can customize the appearance of tick labels by using the `LabelTemplate` property. The default value of the `LabelTemplate` property is `null`. The `DataContext` of the `LabelTemplate` property is the `SfRadialSlider` tick values. {% tabs %} {% highlight xaml %} @@ -358,13 +358,13 @@ You can customize the appearance of tick labels by using the `LabelTemplate` pro {% endhighlight %} {% endtabs %} -![SfRadialSlider with customized tick labels](Working-With-SfRadialSlider_images/LabelTemplate.png) +![WPF Radial Slider with customized tick labels](Working-With-SfRadialSlider_images/LabelTemplate.png) N> [View Sample in GitHub](https://github.com/SyncfusionExamples/syncfusion-wpf-radial-slider-examples/tree/master/Samples/Custom-UI) ## Change inner rim radius -You can change inner rim(circle in the center of radial slider) radius of the `SfRadialSlider` by using the [InnerRimRadiusFactor](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Navigation.SfRadialSlider.html#Syncfusion_Windows_Controls_Navigation_SfRadialSlider_InnerRimRadiusFactor) property. The default value of `InnerRimRadiusFactor` property is `0.2`. +You can change the radius of the inner rim (the circle in the center of the radial slider) by using the [InnerRimRadiusFactor](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Navigation.SfRadialSlider.html#Syncfusion_Windows_Controls_Navigation_SfRadialSlider_InnerRimRadiusFactor) property. The default value of the `InnerRimRadiusFactor` property is `0.2`. {% tabs %} {% highlight xaml %} @@ -380,14 +380,13 @@ radialSlider.InnerRimRadiusFactor = 0.5; {% endhighlight %} {% endtabs %} -![SfRadialSlider inner rim radius changed](Working-With-SfRadialSlider_images/InnerRadius.png) +![WPF Radial Slider inner rim radius changed](Working-With-SfRadialSlider_images/InnerRadius.png) N> [View Sample in GitHub](https://github.com/SyncfusionExamples/syncfusion-wpf-radial-slider-examples/tree/master/Samples/RadialSlider-Features) ### Custom appearance of inner rim -You can change the background of the inner rim by using the [InnerRimFill](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Navigation.SfRadialSlider.html#Syncfusion_Windows_Controls_Navigation_SfRadialSlider_InnerRimFill) -property. You can also change the border color and border thickness of the inner rim by using the [InnerRimStroke](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Navigation.SfRadialSlider.html#Syncfusion_Windows_Controls_Navigation_SfRadialSlider_InnerRimStroke) and [InnerRimStrokeThickness](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Navigation.SfRadialSlider.html#Syncfusion_Windows_Controls_Navigation_SfRadialSlider_InnerRimStrokeThickness) properties. The default value of `InnerRimStroke` property is `Light SlateGray` and `InnerRimStrokeThickness` property is `2`. +You can change the background of the inner rim by using the [InnerRimFill](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Navigation.SfRadialSlider.html#Syncfusion_Windows_Controls_Navigation_SfRadialSlider_InnerRimFill) property. You can also change the border color and border thickness of the inner rim by using the [InnerRimStroke](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Navigation.SfRadialSlider.html#Syncfusion_Windows_Controls_Navigation_SfRadialSlider_InnerRimStroke) and [InnerRimStrokeThickness](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Navigation.SfRadialSlider.html#Syncfusion_Windows_Controls_Navigation_SfRadialSlider_InnerRimStrokeThickness) properties. The default value of the `InnerRimStroke` property is `Light SlateGray`, and the default value of the `InnerRimStrokeThickness` property is `2`. {% tabs %} {% highlight xaml %} @@ -407,13 +406,13 @@ radialSlider.InnerRimStrokeThickness = 4; {% endhighlight %} {% endtabs %} -![SfRadialSlider inner rim appearance changed](Working-With-SfRadialSlider_images/InnerUI.png) +![WPF Radial Slider inner rim appearance changed](Working-With-SfRadialSlider_images/InnerUI.png) N> [View Sample in GitHub](https://github.com/SyncfusionExamples/syncfusion-wpf-radial-slider-examples/tree/master/Samples/RadialSlider-Features) ## Change outer rim radius -You can change outer rim radius of the `SfRadialSlider` by using the [OuterRimRadiusFactor](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Navigation.SfRadialSlider.html#Syncfusion_Windows_Controls_Navigation_SfRadialSlider_OuterRimRadiusFactor) properties. The default value of `OuterRimRadiusFactor` property is `0.7`. +You can change the outer rim radius of the `SfRadialSlider` by using the [OuterRimRadiusFactor](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Navigation.SfRadialSlider.html#Syncfusion_Windows_Controls_Navigation_SfRadialSlider_OuterRimRadiusFactor) property. The default value of the `OuterRimRadiusFactor` property is `0.7`. {% tabs %} {% highlight xaml %} @@ -429,13 +428,13 @@ radialSlider.OuterRimRadiusFactor = 0.5; {% endhighlight %} {% endtabs %} -![SfRadialSlider outer rim radius changed](Working-With-SfRadialSlider_images/OuterRadius.png) +![WPF Radial Slider outer rim radius changed](Working-With-SfRadialSlider_images/OuterRadius.png) N> [View Sample in GitHub](https://github.com/SyncfusionExamples/syncfusion-wpf-radial-slider-examples/tree/master/Samples/RadialSlider-Features) ### Custom appearance of outer rim -You can change the fill color of the outer rim by using the `Background` property. You can also change the border color and border thickness of the outer rim by using the [OuterRimStroke](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Navigation.SfRadialSlider.html#Syncfusion_Windows_Controls_Navigation_SfRadialSlider_OuterRimStroke) and [OuterRimStrokeThickness](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Navigation.SfRadialSlider.html#Syncfusion_Windows_Controls_Navigation_SfRadialSlider_InnerRimStrokeThickness) properties. The default value of `OuterRimStroke` property is `Rosy Brown` and `OuterRimStrokeThickness` property is `2`. +You can change the fill color of the outer rim by using the `Background` property. You can also change the border color and border thickness of the outer rim by using the [OuterRimStroke](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Navigation.SfRadialSlider.html#Syncfusion_Windows_Controls_Navigation_SfRadialSlider_OuterRimStroke) and [OuterRimStrokeThickness](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Navigation.SfRadialSlider.html#Syncfusion_Windows_Controls_Navigation_SfRadialSlider_InnerRimStrokeThickness) properties. The default value of the `OuterRimStroke` property is `Rosy Brown`, and the default value of the `OuterRimStrokeThickness` property is `2`. {% tabs %} {% highlight xaml %} @@ -453,7 +452,7 @@ radialSlider.OuterRimStroke = Brushes.Red; {% endhighlight %} {% endtabs %} -![SfRadialSlider outer rim appearance changed](Working-With-SfRadialSlider_images/OuterUI.png) +![WPF Radial Slider outer rim appearance changed](Working-With-SfRadialSlider_images/OuterUI.png) N> [View Sample in GitHub](https://github.com/SyncfusionExamples/syncfusion-wpf-radial-slider-examples/tree/master/Samples/RadialSlider-Features) @@ -475,7 +474,7 @@ radialSlider.PointerRadiusFactor = 0.5; {% endhighlight %} {% endtabs %} -![SfRadialSlider selection pointer radius factor changed to 0.5](Working-With-SfRadialSlider_images/PointerRadiusFactor.png) +![WPF Radial Slider selection pointer radius factor changed to 0.5](Working-With-SfRadialSlider_images/PointerRadiusFactor.png) N> [View Sample in GitHub](https://github.com/SyncfusionExamples/syncfusion-wpf-radial-slider-examples/tree/master/Samples/RadialSlider-Features) @@ -504,7 +503,7 @@ You can customize the appearance of selection pointer by using the [PointerStyle {% endhighlight %} {% endtabs %} -![SfRadialSlider with customized selection pointer](Working-With-SfRadialSlider_images/PointerStyle.png) +![WPF Radial Slider with customized selection pointer](Working-With-SfRadialSlider_images/PointerStyle.png) N> [View Sample in GitHub](https://github.com/SyncfusionExamples/syncfusion-wpf-radial-slider-examples/tree/master/Samples/Custom-UI) @@ -533,7 +532,7 @@ You can customize the appearance of preview selection pointer by using the [Prev {% endhighlight %} {% endtabs %} -![SfRadialSlider with customized preview selection pointer](Working-With-SfRadialSlider_images/PreviewPointerStyle.png) +![WPF Radial Slider with customized preview selection pointer](Working-With-SfRadialSlider_images/PreviewPointerStyle.png) N> [View Sample in GitHub](https://github.com/SyncfusionExamples/syncfusion-wpf-radial-slider-examples/tree/master/Samples/Custom-UI) @@ -594,7 +593,7 @@ N> [View Sample in GitHub](https://github.com/SyncfusionExamples/syncfusion-wpf- ## Value changed notification -The selected value changed in `SfRadialSlider` can be examined using `ValueChanged` event. The `ValueChanged` event contains the old and newly selected tick value in the `OldValue` and `NewValue` properties. +The selected value change in `SfRadialSlider` can be examined using the `ValueChanged` event. The `ValueChanged` event contains the old and newly selected tick values in the `OldValue` and `NewValue` properties. {% tabs %} {% highlight XAML %} diff --git a/wpf/Range-Slider/Customization.md b/wpf/Range-Slider/Customization.md index 966c0fa7d..b17ff756c 100644 --- a/wpf/Range-Slider/Customization.md +++ b/wpf/Range-Slider/Customization.md @@ -1,7 +1,7 @@ ---- +--- layout: post -title: Styling and Appearance in WPF RangeSlider | Syncfusion® -description: Customize RangeSlider tracks, thumbs, ticks, value labels, and visual styles to create tailored slider experiences. +title: Styling and Appearance in WPF Range Slider | Syncfusion® +description: Customize WPF Range Slider tracks, thumbs, ticks, value labels, and visual styles to create tailored slider experiences. platform: wpf control: SfRangeSlider documentation: ug @@ -9,7 +9,7 @@ documentation: ug # Styling and Appearance in WPF Range Slider (SfRangeSlider) -[SfRangeSlider](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Input.SfRangeSlider.html) makes it possible to change the appearance by providing certain properties. +The [WPF Range Slider](https://www.syncfusion.com/wpf-controls/range-slider) makes it possible to change the appearance by providing certain properties. The WPF Range Slider is implemented through the [SfRangeSlider](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Input.SfRangeSlider.html) class. ## InactiveTrackStyle diff --git a/wpf/Range-Slider/Direction-Reversed.md b/wpf/Range-Slider/Direction-Reversed.md index e258a5aa1..833c8a2e0 100644 --- a/wpf/Range-Slider/Direction-Reversed.md +++ b/wpf/Range-Slider/Direction-Reversed.md @@ -1,7 +1,7 @@ ---- +--- layout: post -title: Direction Reversed in WPF RangeSlider | Syncfusion® -description: Reverse the value progression direction in horizontal or vertical RangeSlider orientations using the IsDirectionReversed property. +title: Direction Reversed in WPF Range Slider | Syncfusion® +description: Reverse the value progression direction in horizontal or vertical WPF Range Slider orientations using the IsDirectionReversed property. platform: wpf control: SfRangeSlider documentation: ug @@ -9,7 +9,7 @@ documentation: ug # Direction Reversed in WPF Range Slider (SfRangeSlider) -The direction of increasing value can be changed using [IsDirectionReversed](https://help.syncfusion.com/cr/wpf/Syncfusion.SfInput.Wpf~Syncfusion.Windows.Controls.Input.SfRangeSlider~IsDirectionReversed.html) property. When this property is set to True, the direction of increasing value is towards left in the horizontal orientation and down in the vertical orientation. The default is false. +The [WPF Range Slider](https://www.syncfusion.com/wpf-controls/range-slider) allows you to change the direction of increasing values by using the [IsDirectionReversed](https://help.syncfusion.com/cr/wpf/Syncfusion.SfInput.Wpf~Syncfusion.Windows.Controls.Input.SfRangeSlider~IsDirectionReversed.html) property. When this property is set to `True`, the direction of increasing values is toward the left in horizontal orientation and down in vertical orientation. The default value is `false`. The WPF Range Slider is implemented through the [SfRangeSlider](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Input.SfRangeSlider.html) class. {% tabs %} diff --git a/wpf/Range-Slider/Gestures.md b/wpf/Range-Slider/Gestures.md index 845c7f721..305ba28bb 100644 --- a/wpf/Range-Slider/Gestures.md +++ b/wpf/Range-Slider/Gestures.md @@ -1,7 +1,7 @@ ---- +--- layout: post -title: Gestures in WPF RangeSlider | Syncfusion® -description: Interact with the RangeSlider using keyboard navigation and mouse gestures for precise value and range selection. +title: Gestures in WPF Range Slider | Syncfusion® +description: Interact with the WPF Range Slider using keyboard navigation and mouse gestures for precise value and range selection. platform: wpf control: SfRangeSlider documentation: ug @@ -9,7 +9,7 @@ documentation: ug # Gestures in WPF Range Slider (SfRangeSlider) -The SfRangeSlider control supports keyboard navigation and mouse interactions, allowing users to select and modify values efficiently. You can move the slider thumbs using navigation keys, drag the thumbs with the mouse, or click the track to update the selected value or range. +The [WPF Range Slider](https://www.syncfusion.com/wpf-controls/range-slider) control supports keyboard navigation and mouse interactions, allowing users to select and modify values efficiently. You can move the slider thumbs using navigation keys, drag the thumbs with the mouse, or click the track to update the selected value or range. The WPF Range Slider is implemented through the [SfRangeSlider](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Input.SfRangeSlider.html) class. ## Keyboard @@ -35,7 +35,7 @@ N> When the SnapsTo property is set to Ticks then the Thumb snaps to next tick b ## Mouse -RangeSlider allows the mouse gesture to update the value of the SfRangeSlider either by dragging the thumb to a certain distance or by pressing the specified region in the track. +The WPF Range Slider allows the mouse gesture to update the value either by dragging the thumb to a certain distance or by pressing the specified region in the track. N> When the thumb is released between two steps or when the pointer is pressed between two steps, then the value and thumb automatically snaps to nearest value. diff --git a/wpf/Range-Slider/Getting-Started.md b/wpf/Range-Slider/Getting-Started.md index 308e2b185..776171697 100644 --- a/wpf/Range-Slider/Getting-Started.md +++ b/wpf/Range-Slider/Getting-Started.md @@ -1,15 +1,15 @@ --- layout: post -title: Getting Started with WPF RangeSlider | Syncfusion® -description: Learn how to get started with the Syncfusion® WPF RangeSlider (SfRangeSlider) control. Explore setup, features, examples, and customization options. +title: Getting Started with WPF Range Slider | Syncfusion® +description: Learn how to get started with the Syncfusion® WPF Range Slider (SfRangeSlider) control. Explore setup, features, examples, and customization options. platform: wpf control: SfRangeSlider documentation: ug --- -# Getting Started with WPF RangeSlider (SfRangeSlider) +# Getting Started with WPF Range Slider (SfRangeSlider) -This section describes how to design a [SfRangeSlider](https://help.syncfusion.com/cr/wpf/Syncfusion.SfInput.Wpf~Syncfusion.Windows.Controls.Input.SfRangeSlider.html) control in a WPF application and overview of its basic functionalities. +This section describes how to design a [WPF Range Slider](https://www.syncfusion.com/wpf-controls/range-slider) control in a WPF application and provides an overview of its basic functionalities. The WPF Range Slider is implemented through the [SfRangeSlider](https://help.syncfusion.com/cr/wpf/Syncfusion.SfInput.Wpf~Syncfusion.Windows.Controls.Input.SfRangeSlider.html) class. ## Assembly deployment @@ -20,7 +20,7 @@ This section describes how to design a [SfRangeSlider](https://help.syncfusion.c Dependent assembly: Syncfusion.SfShared.WPF.dll -## Creating a simple application with SfRangeSlider +## Creating a simple application with WPF Range Slider The [SfRangeSlider](https://help.syncfusion.com/cr/wpf/Syncfusion.SfInput.Wpf~Syncfusion.Windows.Controls.Input.SfRangeSlider.html) control can be added to an application using Visual Studio. @@ -89,7 +89,7 @@ SfRangeSlider rangeSlider = new SfRangeSlider() ## Theme -SfRangeSlider supports various built-in themes. Refer to the below links to apply themes for the SfRangeSlider, +The WPF Range Slider supports various built-in themes. Refer to the following links to apply themes to the control: * [Apply theme using SfSkinManager](https://help.syncfusion.com/wpf/themes/skin-manager) diff --git a/wpf/Range-Slider/Intermediate-Values.md b/wpf/Range-Slider/Intermediate-Values.md index 9729d1b2c..d3b97643c 100644 --- a/wpf/Range-Slider/Intermediate-Values.md +++ b/wpf/Range-Slider/Intermediate-Values.md @@ -9,17 +9,17 @@ documentation: ug # Intermediate Values in WPF Range Slider (SfRangeSlider) -It is possible to get an intermediate value before either the tick value or the step value is snapped when interacting with SfRangeSlider. +The [WPF Range Slider](https://www.syncfusion.com/wpf-controls/range-slider) provides an intermediate value before either the tick value or the step value is snapped during interaction. The WPF Range Slider is implemented through the [SfRangeSlider](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Input.SfRangeSlider.html) class. -### IntermediateValue +## IntermediateValue Gets the intermediate value. This works when ShowRange is false. -### IntermediateRangeStart +## IntermediateRangeStart Gets the intermediate RangeStart value. -### IntermediateRangeEnd +## IntermediateRangeEnd Gets the intermediate RangeEnd value. diff --git a/wpf/Range-Slider/Label-Support.md b/wpf/Range-Slider/Label-Support.md index f358f7c10..265c48f39 100644 --- a/wpf/Range-Slider/Label-Support.md +++ b/wpf/Range-Slider/Label-Support.md @@ -9,7 +9,7 @@ documentation: ug # Label Support in WPF Range Slider (SfRangeSlider) -This feature allows the display of labels for custom values given in the collection of CustomLabels when the ShowCustomLabels property is set to true. When ShowValueLabels is set to true, it also displays labels for all the tick values. +The [WPF Range Slider](https://www.syncfusion.com/wpf-controls/range-slider) supports displaying labels for custom values in the `CustomLabels` collection when the `ShowCustomLabels` property is set to `true`. When the `ShowValueLabels` property is set to `true`, it also displays labels for all tick values. The WPF Range Slider is implemented through the [SfRangeSlider](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Input.SfRangeSlider.html) class. Property Table @@ -75,7 +75,7 @@ Create a ViewModel class with CustomCollection property. {% endtabs %} -In the following code example, the CustomCollection property is bound to [CustomLabels](https://help.syncfusion.com/cr/wpf/Syncfusion.SfInput.Wpf~Syncfusion.Windows.Controls.Input.SfRangeSlider~CustomLabels.html) property in the SfRangeSlider control that populates the custom labels collection. +In the following code example, the CustomCollection property is bound to [CustomLabels](https://help.syncfusion.com/cr/wpf/Syncfusion.SfInput.Wpf~Syncfusion.Windows.Controls.Input.SfRangeSlider~CustomLabels.html) property in the WPF Range Slider control that populates the custom labels collection. {% tabs %} @@ -120,7 +120,7 @@ In the following code example, the CustomCollection property is bound to [Custom ![Label-Support_img1](Label-Support_images/Label-Support_img1.png) -RangeSlider with CustomLabels +WPF Range Slider with CustomLabels ## ShowCustomLabels @@ -169,7 +169,7 @@ The default value for [ShowCustomLabels](https://help.syncfusion.com/cr/wpf/Sync ![Label-Support_img2](Label-Support_images/Label-Support_img2.png) -RangeSlider with ShowCustomLabels +WPF Range Slider with ShowCustomLabels ## LabelPlacement diff --git a/wpf/Range-Slider/Minimum-and-maximum.md b/wpf/Range-Slider/Minimum-and-maximum.md index 260c232d5..714b39440 100644 --- a/wpf/Range-Slider/Minimum-and-maximum.md +++ b/wpf/Range-Slider/Minimum-and-maximum.md @@ -9,7 +9,7 @@ documentation: ug # Minimum and Maximum in WPF Range Slider (SfRangeSlider) -Gets or sets the minimum and maximum possible value of the range. +The [WPF Range Slider](https://www.syncfusion.com/wpf-controls/range-slider) supports setting the minimum and maximum possible values of the range. The WPF Range Slider is implemented through the [SfRangeSlider](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Input.SfRangeSlider.html) class. {% tabs %} diff --git a/wpf/Range-Slider/Orientation.md b/wpf/Range-Slider/Orientation.md index de272546f..c09b455e9 100644 --- a/wpf/Range-Slider/Orientation.md +++ b/wpf/Range-Slider/Orientation.md @@ -9,7 +9,7 @@ documentation: ug # Orientation in WPF Range Slider (SfRangeSlider) -The [Orientation](https://help.syncfusion.com/cr/wpf/Syncfusion.SfInput.Wpf~Syncfusion.Windows.Controls.Input.SfRangeSlider~Orientation.html) property has the following two options. +The [WPF Range Slider](https://www.syncfusion.com/wpf-controls/range-slider) supports the [Orientation](https://help.syncfusion.com/cr/wpf/Syncfusion.SfInput.Wpf~Syncfusion.Windows.Controls.Input.SfRangeSlider~Orientation.html) property with the following two options. The WPF Range Slider is implemented through the [SfRangeSlider](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Input.SfRangeSlider.html) class. 1. Horizontal 2. Vertical @@ -51,7 +51,7 @@ The default option is Horizontal. ![Horizontal](Orientation_images/Orientation_img1.png) -The following code sample illustrates how to set vertical orientation to [SfRangeSlider](https://help.syncfusion.com/cr/wpf/Syncfusion.SfInput.Wpf~Syncfusion.Windows.Controls.Input.SfRangeSlider.html). +The following code sample illustrates how to set vertical orientation to [SfRangeSlider](https://help.syncfusion.com/cr/wpf/Syncfusion.SfInput.Wpf~Syncfusion.Windows.Controls.Input.SfRangeSlider.html). {% tabs %} diff --git a/wpf/Range-Slider/Overview.md b/wpf/Range-Slider/Overview.md index dc5906dca..4bc88a714 100644 --- a/wpf/Range-Slider/Overview.md +++ b/wpf/Range-Slider/Overview.md @@ -1,25 +1,25 @@ --- layout: post -title: About Syncfusion® WPF RangeSlider Control | Syncfusion® -description: Learn about the introduction of Syncfusion® Essential Studio WPF RangeSlider (SfRangeSlider) control and more details. +title: About Syncfusion® WPF Range Slider Control | Syncfusion® +description: Learn about the introduction of Syncfusion® Essential Studio WPF Range Slider (SfRangeSlider) control and more details. platform: wpf control: SfRangeSlider documentation: ug --- -# About Syncfusion® WPF RangeSlider (SfRangeSlider) Control +# About Syncfusion® WPF Range Slider (SfRangeSlider) Control -[SfRangeSlider](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Input.SfRangeSlider.html) control allows the value range to be selected within the defined minimum and maximum limit. The range can be selected by moving the Thumb control along a track. In terms of appearance, this control is highly customizable and offers many options such as orientation, selection range, custom label support, touch support, snap to tick, tick placement, tooltip support etc. +The [WPF Range Slider](https://www.syncfusion.com/wpf-controls/range-slider) control allows you to select a value range within defined minimum and maximum limits. The range can be selected by moving the Thumb control along a track. The control is highly customizable and offers options such as orientation, selection range, custom label support, touch support, snap to tick, tick placement, and tooltip support. The WPF Range Slider is implemented through the [SfRangeSlider](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Input.SfRangeSlider.html) class. ![Overview in WPF Range Slider](overview_images/wpf-range-slider-overview.png) Key Features: -* **Orientation** — Set the orientation of the RangeSlider either horizontally or vertically. +* **Orientation** — Set the orientation of the WPF Range Slider either horizontally or vertically. * **SelectionRange** — Select the range of values using two thumbs. -* **Move the Thumb to the Tapped Position** — Allow the thumb of RangeSlider to tapped position of the track. +* **Move the Thumb to the Tapped Position** — Allow the thumb to move to the tapped position on the track. * **Styling and Appearance** — The control is completely customizable in terms of the UI. Change the appearance of the control as required. -* **ToolTip Support** — Shows the value of the RangeSlider. It is fully customizable. +* **ToolTip Support** — Shows the control value. It is fully customizable. * **Gestures** — Provides both KeyGesture and MouseGesture. diff --git a/wpf/Range-Slider/Range.md b/wpf/Range-Slider/Range.md index 808f87afc..03473a110 100644 --- a/wpf/Range-Slider/Range.md +++ b/wpf/Range-Slider/Range.md @@ -9,7 +9,7 @@ documentation: ug # Range in WPF Range Slider (SfRangeSlider) -The [SfRangeSlider](https://help.syncfusion.com/cr/wpf/Syncfusion.SfInput.Wpf~Syncfusion.Windows.Controls.Input.SfRangeSlider.html) control provides support to select the range of value using two thumbs. +The [WPF Range Slider](https://www.syncfusion.com/wpf-controls/range-slider) control supports selecting a range of values using two thumbs. The WPF Range Slider is implemented through the [SfRangeSlider](https://help.syncfusion.com/cr/wpf/Syncfusion.SfInput.Wpf~Syncfusion.Windows.Controls.Input.SfRangeSlider.html) class. ## ShowRange diff --git a/wpf/Range-Slider/Thumb-ToolTip.md b/wpf/Range-Slider/Thumb-ToolTip.md index 3d51a375b..aaac699a7 100644 --- a/wpf/Range-Slider/Thumb-ToolTip.md +++ b/wpf/Range-Slider/Thumb-ToolTip.md @@ -9,7 +9,7 @@ documentation: ug # Thumb ToolTip in WPF Range Slider (SfRangeSlider) -The Thumb tooltip displays the current value where the Thumb stands. +The [WPF Range Slider](https://www.syncfusion.com/wpf-controls/range-slider) displays the current value at the Thumb position in a tooltip. The WPF Range Slider is implemented through the [SfRangeSlider](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Input.SfRangeSlider.html) class. ![ToolTip](Thumb-ToolTip_images/Thumb-ToolTip_img1.png) diff --git a/wpf/Range-Slider/Ticks.md b/wpf/Range-Slider/Ticks.md index 6bf72bfeb..655928ce3 100644 --- a/wpf/Range-Slider/Ticks.md +++ b/wpf/Range-Slider/Ticks.md @@ -9,7 +9,7 @@ documentation: ug # Ticks in WPF Range Slider (SfRangeSlider) -RangeSlider makes it possible to place tick marks along the track in a uniform manner and also to customize the position of the tick marks. +The [WPF Range Slider](https://www.syncfusion.com/wpf-controls/range-slider) makes it possible to place tick marks along the track uniformly and customize their position. The WPF Range Slider is implemented through the [SfRangeSlider](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Input.SfRangeSlider.html) class. ## Tick Frequency diff --git a/wpf/Range-Slider/Touch-Support.md b/wpf/Range-Slider/Touch-Support.md index f03ca9682..32c58038c 100644 --- a/wpf/Range-Slider/Touch-Support.md +++ b/wpf/Range-Slider/Touch-Support.md @@ -9,14 +9,14 @@ documentation: ug # Touch Support in WPF Range Slider (SfRangeSlider) -[MoveToPoint](https://help.syncfusion.com/cr/wpf/Syncfusion.SfInput.Wpf~Syncfusion.Windows.Controls.Input.SfRangeSlider~MoveToPoint.html) API allows the [SfRangeSlider](https://help.syncfusion.com/cr/wpf/Syncfusion.SfInput.Wpf~Syncfusion.Windows.Controls.Input.SfRangeSlider.html) to move the thumb by tapping or clicking the track of the [SfRangeSlider](https://help.syncfusion.com/cr/wpf/Syncfusion.SfInput.Wpf~Syncfusion.Windows.Controls.Input.SfRangeSlider.html). This property provides the following options: +The [WPF Range Slider](https://www.syncfusion.com/wpf-controls/range-slider) can move the thumb by tapping or clicking the track. The WPF Range Slider is implemented through the [SfRangeSlider](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Input.SfRangeSlider.html) class. The [MoveToPoint](https://help.syncfusion.com/cr/wpf/Syncfusion.SfInput.Wpf~Syncfusion.Windows.Controls.Input.SfRangeSlider~MoveToPoint.html) API allows the [SfRangeSlider](https://help.syncfusion.com/cr/wpf/Syncfusion.SfInput.Wpf~Syncfusion.Windows.Controls.Input.SfRangeSlider.html) to move the thumb by tapping or clicking the track of the [SfRangeSlider](https://help.syncfusion.com/cr/wpf/Syncfusion.SfInput.Wpf~Syncfusion.Windows.Controls.Input.SfRangeSlider.html). This property provides the following options: * MoveToTapPosition * IncrementBySmallChange * IncrementByLargeChange * None -### MoveToTapPosition +## MoveToTapPosition To move the thumb of [SfRangeSlider](https://help.syncfusion.com/cr/wpf/Syncfusion.SfInput.Wpf~Syncfusion.Windows.Controls.Input.SfRangeSlider.html) to the tapped position, set the [MoveToPoint](https://help.syncfusion.com/cr/wpf/Syncfusion.SfInput.Wpf~Syncfusion.Windows.Controls.Input.SfRangeSlider~MoveToPoint.html) property to MoveToTapPosition, and then tap or click the track of the [SfRangeSlider](https://help.syncfusion.com/cr/wpf/Syncfusion.SfInput.Wpf~Syncfusion.Windows.Controls.Input.SfRangeSlider.html). This moves the thumb to the tapped position. @@ -60,7 +60,7 @@ The following code example and screenshot illustrates the above. ![MoveToTapPosition](Touch-Support_images/Touch-Support_img1.png) -### IncrementBySmallChange +## IncrementBySmallChange To move the [SfRangeSlider](https://help.syncfusion.com/cr/wpf/Syncfusion.SfInput.Wpf~Syncfusion.Windows.Controls.Input.SfRangeSlider.html) thumb based on the SmallChange value, set the [MoveToPoint](https://help.syncfusion.com/cr/wpf/Syncfusion.SfInput.Wpf~Syncfusion.Windows.Controls.Input.SfRangeSlider~MoveToPoint.html) property to IncrementBySmallChange, and then tap or click the track of the [SfRangeSlider](https://help.syncfusion.com/cr/wpf/Syncfusion.SfInput.Wpf~Syncfusion.Windows.Controls.Input.SfRangeSlider.html). This increments the [SfRangeSlider](https://help.syncfusion.com/cr/wpf/Syncfusion.SfInput.Wpf~Syncfusion.Windows.Controls.Input.SfRangeSlider.html) value by the SmallChange value. @@ -104,7 +104,7 @@ The following code example and screenshot illustrates the above. ![IncrementBySmallChange](Touch-Support_images/Touch-Support_img2.png) -### IncrementByLargeChange +## IncrementByLargeChange To move the [SfRangeSlider](https://help.syncfusion.com/cr/wpf/Syncfusion.SfInput.Wpf~Syncfusion.Windows.Controls.Input.SfRangeSlider.html) thumb based on the LargeChange value, set the [MoveToPoint](https://help.syncfusion.com/cr/wpf/Syncfusion.SfInput.Wpf~Syncfusion.Windows.Controls.Input.SfRangeSlider~MoveToPoint.html) property to IncrementByLargeChange, and then tap the track of the [SfRangeSlider](https://help.syncfusion.com/cr/wpf/Syncfusion.SfInput.Wpf~Syncfusion.Windows.Controls.Input.SfRangeSlider.html). This increments the [SfRangeSlider](https://help.syncfusion.com/cr/wpf/Syncfusion.SfInput.Wpf~Syncfusion.Windows.Controls.Input.SfRangeSlider.html) value by the LargeChange value. @@ -149,7 +149,7 @@ The following code example and screenshot illustrates the above. ![IncrementByLargeChange](Touch-Support_images/Touch-Support_img3.png) -### None +## None To fix the thumb movement of the [SfRangeSlider](https://help.syncfusion.com/cr/wpf/Syncfusion.SfInput.Wpf~Syncfusion.Windows.Controls.Input.SfRangeSlider.html), set the MoveToPoint property to _None_. This does not allow thumb movement of the [SfRangeSlider](https://help.syncfusion.com/cr/wpf/Syncfusion.SfInput.Wpf~Syncfusion.Windows.Controls.Input.SfRangeSlider.html). diff --git a/wpf/Range-Slider/Visual-Structure.md b/wpf/Range-Slider/Visual-Structure.md index 8e4f2b525..dafc0ad6d 100644 --- a/wpf/Range-Slider/Visual-Structure.md +++ b/wpf/Range-Slider/Visual-Structure.md @@ -9,7 +9,7 @@ documentation: ug # Visual Structure in WPF Range Slider (SfRangeSlider) -This section describes the visual elements of the RangeSlider control and defines terms and concepts used in the RangeSlider. +This section describes the visual elements of the [WPF Range Slider](https://www.syncfusion.com/wpf-controls/range-slider) control and defines terms and concepts used in it. The WPF Range Slider is implemented through the [SfRangeSlider](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Input.SfRangeSlider.html) class. ![VisualStructure](Overview_images/VisualStructure.png) @@ -23,4 +23,4 @@ This section describes the visual elements of the RangeSlider control and define * **Inactive Track** — The horizontal or vertical line is used to move the thumbs along it. * **Range Start** — Thumb indicates the start of the selection range. * **Range End** — Thumb indicates the end of the selection range. -* **Value Label** — indicates the value of the RangeSlider. +* **Value Label** — indicates the value of the WPF Range Slider. diff --git a/wpf/Range-Slider/Work-with-Events.md b/wpf/Range-Slider/Work-with-Events.md index feb20fa3b..93f83282c 100644 --- a/wpf/Range-Slider/Work-with-Events.md +++ b/wpf/Range-Slider/Work-with-Events.md @@ -1,15 +1,15 @@ --- layout: post -title: How to Trigger Events in WPF RangeSlider | Syncfusion® -description: Learn how to trigger events in Syncfusion® WPF RangeSlider (SfRangeSlider) control, its event arguments, notifications, and more. +title: How to Trigger Events in WPF Range Slider | Syncfusion® +description: Learn how to trigger events in Syncfusion® WPF Range Slider (SfRangeSlider) control, its event arguments, notifications, and more. platform: wpf control: SfRangeSlider documentation: ug --- -# How to Trigger Events in WPF RangeSlider (SfRangeSlider) +# How to Trigger Events in WPF Range Slider (SfRangeSlider) -This section explains how to trigger and handle events in the Syncfusion® WPF RangeSlider (SfRangeSlider) control. Learn about the available events, their event arguments, and how to respond to value and range changes programmatically. +This section explains how to trigger and handle events in the [WPF Range Slider](https://www.syncfusion.com/wpf-controls/range-slider) control. Learn about the available events, their event arguments, and how to respond to value and range changes programmatically. The WPF Range Slider is implemented through the [SfRangeSlider](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Input.SfRangeSlider.html) class. ## How to trigger LabelLoaded event? @@ -67,10 +67,10 @@ The [LabelLoaded](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls The [RangeChanged](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Input.SfRangeSlider.html#Syncfusion_Windows_Controls_Input_SfRangeSlider_RangeChanged) event is triggered when either `RangeStart` or `RangeEnd` values are changed. The argument contains the following information. -`NewEndValue` – Gets or sets the new end value of range slider. -`NewStartValue` – Gets or sets the new start value of range slider. -`OldStartValue` – Gets or sets the old start value of range slider. -`OldEndValue` – Gets or set the old end value of range slider. +`NewEndValue` – Gets or sets the new end value of WPF Range Slider. +`NewStartValue` – Gets or sets the new start value of WPF Range Slider. +`OldStartValue` – Gets or sets the old start value of WPF Range Slider. +`OldEndValue` – Gets or set the old end value of WPF Range Slider. {% tabs %} @@ -126,8 +126,8 @@ The [RangeChanged](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Control The [RangeStartChanged](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Input.SfRangeSlider.html#Syncfusion_Windows_Controls_Input_SfRangeSlider_RangeStartChanged) event is triggered when `RangeStart` value is changed. The argument contains the following information. -`OldStartValue` – Gets or sets the old start value of range slider. -`NewStartValue` – Gets or sets the new start value of range slider. +`OldStartValue` – Gets or sets the old start value of WPF Range Slider. +`NewStartValue` – Gets or sets the new start value of WPF Range Slider. {% tabs %} @@ -181,8 +181,8 @@ The [RangeStartChanged](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Co The [RangeEndChanged](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Input.SfRangeSlider.html#Syncfusion_Windows_Controls_Input_SfRangeSlider_RangeEndChanged) event is triggered when `RangeEnd` value is changed. The argument contains the following information. -`OldEndValue` – Gets or sets the old end value of range slider. -`NewEndValue` – Gets or sets the new end value of range slider. +`OldEndValue` – Gets or sets the old end value of WPF Range Slider. +`NewEndValue` – Gets or sets the new end value of WPF Range Slider. {% tabs %}