Questions on UI for .NET MAUI Forum

1 question

1 answer

25 views

RadSlider and RadRangeSlider within ScrollView

Hi!

I drag slider left and right and it works good even if my finger out of slider area.

After that i put Slider inside of ScrollView it goes bad:

When i drag and my finger out of Slider then slider stops dragging at all. Seems ScrollView intercepts all events.

My idea was to disable Vertical scrolling of ScrollView when Slider gets focus, but for some reason Slider does not fire this event (Focused).

Could you suggest smth to me to solve the problem, maybe there is a some better way to solve this?

<!--  FILTER LIST  -->
<ScrollView Grid.Row="2" Margin="0,0,0,0" x:Name="Scroller">
	<VerticalStackLayout Margin="28,0">

		<telerik:RadRangeSlider x:Name="PetAgeRangeSlider"
					BackTrackStyle="{StaticResource SliderTrackStyle}"
					RangeTrackStyle="{StaticResource SliderRangeTrackStyle}"
					StartThumbStyle="{StaticResource SliderStartEndThumbStyle}"
					EndThumbStyle="{StaticResource SliderStartEndThumbStyle}"
					TicksPlacement="None"
					TickStep="1"
					SnapMode="SnapToTicks"
					LabelsPlacement="End"
					LabelStep="1"
					Focused="PetAgeRangeSlider_OnFocused"
					LabelStyle="{StaticResource SliderLabelStyle}"
					StringConverter="{x:Static converters:PetAgeRangeStringConverter.I}"
					RangeStart="{Binding PetAgeStart, Mode=TwoWay, Converter={x:Static converters:IntToDoubleConverter.I}}"
					RangeEnd="{Binding PetAgeEnd, Mode=TwoWay, Converter={x:Static converters:IntToDoubleConverter.I}}"
					Minimum="0"
					Maximum="10"
					Margin="-4,14,0,0" />

		<controls:Delimiter Margin="0,30,0,0" />