How to disable .NET MAUI Slider?
By using the Visual State Manager, you can customize the slider properties based on enabled (default) and disabled states. This section explains how to make a disabled slider using the Syncfusion® .NET MAUI Sliders.
Step 1: Create a .NET MAUI application project in Visual Studio.
Step 2: Open the NuGet package manager, search for Syncfusion.Maui.Sliders, and install it.
Step 3: In the MauiProgram.cs file, register the Syncfusion.Maui.Core handler as shown in the following code sample.
Using C#
using Syncfusion.Maui.Core.Hosting;
namespace SliderDemo
{
public static class MauiProgram
{
public static MauiApp CreateMauiApp()
{
var builder = MauiApp.CreateBuilder();
builder
.UseMauiApp<App>()
.ConfigureSyncfusionCore();
return builder.Build();
}
}
}
The Syncfusion.Maui.Core package is dependent on Syncfusion.Maui.Sliders NuGet package, and it will be installed automatically when you install the Syncfusion.Maui.Sliders package.
Step 4: Add the .NET MAUI Sliders control’s namespace to the MainPage.xaml.
XAML
xmlns:sliders="clr-namespace:Syncfusion.Maui.Sliders;assembly=Syncfusion.Maui.Sliders"
Step 5: Create a style and define the Visual State Manager for the SfSlider, then add different values to the properties such as TrackStyle, ThumbStyle, DividerStyle, TickStyle, LabelStyle, etc., for the enabled (default) and disabled states as shown in the following code sample.
XAML
<ContentPage.Resources> <Style TargetType="sliders:SfSlider"> <Setter Property="VisualStateManager.VisualStateGroups"> <VisualStateGroupList> <VisualStateGroup> <VisualState x:Name="Default"> <VisualState.Setters> <Setter Property="TrackStyle"> <Setter.Value> <sliders:SliderTrackStyle ActiveSize="10" InactiveSize="8"/> </Setter.Value> </Setter> </VisualState.Setters> </VisualState> <VisualState x:Name="Disabled"> <VisualState.Setters> <Setter Property="TrackStyle"> <Setter.Value> <sliders:SliderTrackStyle ActiveFill="Grey" InactiveFill="LightGrey" /> </Setter.Value> </Setter> <Setter Property="ThumbStyle"> <Setter.Value> <sliders:SliderThumbStyle Fill="Grey" /> </Setter.Value> </Setter> </VisualState.Setters> </VisualState> </VisualStateGroup> </VisualStateGroupList> </Setter> </Style> </ContentPage.Resources>
Step 6: Initialize the SfSlider in the XAML file and set the IsEnabled property value as False.
XAML
<ContentPage.Content> <sliders:SfSlider IsEnabled="False" /> </ContentPage.Content>
Output
Conclusion
I hope you enjoyed learning about how to disable the .NET MAUI Slider (SfSlider).
You can refer to our .NET MAUI Slider feature tour page to learn about its other groundbreaking feature representations. You can explore our .NET MAUI Slider documentation to understand how to present and manipulate data.
For current customers, you can check out our .NET MAUI components from the License and Downloads page. If you are new to Syncfusion®, you can try our 30-day free trial to check out our .NET MAUI Slider and other .NET MAUI components.
If you have any queries or require clarifications, please let us know in the comments section below. You can also contact us through our support forums, Direct-Trac, or feedback portal. We are always happy to assist you!
