SfRangeSlider visuals - Tick height, Thumb selected animation, ThumbSize, TrackThickness, Thumb shadow

[Roman Jasek]

Hi,

I'm trying to use SfRangeSlider to create a control looking like the attached screenshot. It seems to meet the functional needs but I'm struggling a bit with the visual side of things.

I've managed to create the overlapping sides with corner radius by using SfBorder in the same place, so that's ok.

Where I'm having issues is the height of the track and the size of the thumb.

• Tick Height - I need to have inline ticks but I'm unable to set their height so it seems that the only option I have is to increase the thickness of the track. Is there any way to set the height of the ticks?
• The thumb has an animation when selected on Android - the size increases and it gets a colored shadow. Can I somehow disable it? Or modify how it looks? It doesn't seem to have any such animation on iOS.
• ThumbSize - I'm not sure what units are used when setting the ThumbSize but the difference between 1 and 2 are huge. Plus, the sizes are completely different on Android and iOS.
• TrackThickness - Again I don't know what units are used. And they are again quite different between Android and iOS.
• Can I disable the background shadow for the thumb on iOS?

[Ruba Shanmugam]

Hi Roman,

We have validated your query and find the answers from below.

Issue	Update
Tick Height - I need to have inline ticks but I'm unable to set their height so it seems that the only option I have is to increase the thickness of the track. Is there any way to set the height of the ticks?	We have validated your query and we don’t have direct support to change the tick height, so we have logged a feature request. It will be included in any of the upcoming releases.   Link: https://www.syncfusion.com/feedback/35041/provide-tick-height-support-for-sfrangeslider
The thumb has an animation when selected on Android - the size increases and it gets a colored shadow. Can I somehow disable it? Or modify how it looks? It doesn't seem to have any such animation on iOS.	We can disable the animation by using the EnableOverlay property in the customer renderer of SfRangeSlider control. We have prepared the sample for your reference and please get it from the attachments.
ThumbSize - I'm not sure what units are used when setting the ThumbSize but the difference between 1 and 2 are huge. Plus, the sizes are completely different on Android and iOS.                                         And   TrackThickness - Again I don't know what units are used. And they are again quite different between Android and iOS.	We were able to reproduce the reported issue “Provide the KnobSize, TrackThickness and TrackSelectionThickness commonly to all platforms” and we have confirmed this as a bug and logged a defect report. Please track the status of the bug from the below link.   Link: https://www.syncfusion.com/feedback/35046/provide-the-knobsize-trackthickness-and-trackselectionthickness-commonly-to-all   We will fix the issue and provide a patch for this issue on June 2, 2022.
Can I disable the background shadow for the thumb on iOS?	We have validated your query and we don’t have direct support, so we have logged a feature request. Below is the feedback link and it will be included in any of the upcoming releases.   Link: https://www.syncfusion.com/feedback/35045/provide-the-support-to-remove-the-background-shadow-effect-for-knob-in

If you have any more specifications/precise replication procedures or a scenario to be tested, you can add them as a comment in the portal.

Regards,

Ruba Shanmugam

Attachment: RangeSlider_Animation_6a5c0ae.zip

[Roman Jasek]

Thank you for the answer. I can confirm that the EnableOverlay works to disable the animation on Android.

I'm looking forward to the common setting of sizes for KnobSize, TrackThickness and TrackSelectionThickness.

[Ruba Shanmugam]

Hi Roman,

Thanks for the update. As we stated earlier we will provide the patch for “Common setting of sizes for KnobSize, TrackThickness and TrackSelectionThickness” on June 2, 2022. We appreciate your patience until then.

Regards,

Ruba Shanmugam

[Ruba Shanmugam]

Hi Roman,

We have fixed the issue “Common setting of sizes for KnobSize, TrackThickness and TrackSelectionThickness”
and find the assembly from the attachment.

Note: Please refer to the below link to apply the custom assembly

https://www.syncfusion.com/kb/8279/how-to-apply-the-custom-assemblies-when-configured-the-project-with-syncfusion-nuget

Currently, we have patch support only for the main and service pack release version, not for the weekly NuGet release. So only provided an assembly with the 20.1.0.56 version.

This fix will be included in our weekly NuGet release which will be rolled out on our next weekly release on June 14, 2022. We appreciate your patience until then.

Regards,

Ruba Shanmugam

Attachment: Rangeslider_custom_assembly_83e2fd54.zip

[Ruba Shanmugam]

Hi Roman,

We regret to inform you that, the reported issue fix has not been included in the weekly release. We will include this fix in our weekly NuGet release, which will be rolled out on mid of July 2022. We appreciate your patience until then.

Regards,

Ruba Shanmugam

[Ruba Shanmugam]

Hi Roman,

We regret the inconvenience. We could not able to include the issue fix on the weekly release due to ensuring the multiple scenarios with this fix. We will include this fix in our next main release, which will be expected to rolled out at end of September 2022. We appreciate your patience until then.

Regards,

Ruba Shanmugam

[Roman Jasek]

Hi Ruba,

we're still waiting for this fix to make it into a release. I was checking the release notes for today's release as it's the end of September and there is no mention of SfRangeSlider in the release notes. Will there be another release tomorrow? Or when can we expect this to be released?

[Ruba Shanmugam]

Hi Roman,

Sorry for the inconvenience,

We could not able to include the issue fix on the main release due to ensuring the multiple scenarios with this fix. We will include this fix in our upcoming weekly release, which will be expected to roll out at end of October 2022. Until then we request to use the below latest version of the issue fix.

NuGet link: https://syncfusion.com/Installs/support/patch/20.3.0.47/317716/F175078/SyncfusionNuget_20.3.0.47_317716_9302022073258911_F175078.zip

Assembly: https://syncfusion.com/Installs/support/patch/20.3.0.47/317716/F175078/SyncfusionPatch_20.3.0.47_317716_9302022073258911_F175078.zip

Patch version: 20.3.0.47

Please note that we have created this patch for version 20.3.0.47 specifically, to resolve the issue reported in this ticket. If you have received other patches for the same version for other products, please apply all patches in the order received.

Note: Please refer to the below link to apply the custom patch,

https://www.syncfusion.com/kb/6987/how-to-clear-nuget-cache

Disclaimer: The inclusion of this solution in the weekly release may change due to other factors, including but not limited to QA checks and work reprioritization.

Regards,

Ruba Shanmugam