RadSlider and RadRangeSlider within ScrollView

1 Answer 24 Views
RangeSlider Slider
Marat
Top achievements
Rank 1
Marat asked on 08 Apr 2024, 12:53 PM

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" />

Marat
Top achievements
Rank 1
commented on 08 Apr 2024, 02:28 PM | edited

I checked the standart maui Slider, it works as expected.

RadSlider works different.

1 - standart maui Slider

2 - RadRangeSlider

gif to see how it works

Marat
Top achievements
Rank 1
commented on 09 Apr 2024, 07:52 AM

duplicate

https://feedback.telerik.com/maui/1647813-rangeslider-android-ios-thumbs-not-responding-when-the-control-is-inside-scrollview

1 Answer, 1 is accepted

Sort by
0
Accepted
Didi
Telerik team
answered on 09 Apr 2024, 11:48 AM

Hi Marat,

We have an issue logged for RadSlider and RadRangeSlider behavior in ScrollView: https://feedback.telerik.com/maui/1647813-rangeslider-android-ios-thumbs-not-responding-when-the-control-is-inside-scrollview The issue is escalated to the development team. When there is an update the status will be changed.

Regarding to a solution, I am afraid there isn't a workaround for this behavior. Regarding to the events, all events the RangeSlider provides are described here: https://docs.telerik.com/devtools/maui/controls/rangeslider/events 

Regards,
Didi
Progress Telerik

A brand new ThemeBuilder course was just added to the Virtual Classroom. The training course was designed to help you get started with ThemeBuilder for styling Telerik and Kendo UI components for your applications. You can check it out at https://learn.telerik.com
Tags
RangeSlider Slider
Asked by
Marat
Top achievements
Rank 1
Answers by
Didi
Telerik team
Share this question
or