We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

SfRangeSlider value binding not working on iOS

I have a SfRangeSlider defined as follows:

<?xml version="1.0" encoding="UTF-8"?>
<ContentPage
    Title             ="Install Device"
    xmlns            ="http://xamarin.com/schemas/2014/forms"
    xmlns:x           ="http://schemas.microsoft.com/winfx/2009/xaml"
    x:Class           ="Smart.Pages.RangeDemoPage"
    xmlns:range       ="clr-namespace:Syncfusion.SfRangeSlider.XForms;assembly=Syncfusion.SfRangeSlider.XForms"
    >
    <ContentPage.Content>
        <StackLayout>
            <range:SfRangeSlider
                x:Name       ="sfSliderOrientation"
                Grid.Row     ="4"
                Grid.Column  ="1"
                HeightRequest="90"
                WidthRequest ="100"
                Minimum      ="0"
                Maximum      ="90"
                Value        ="{Binding Orientation}"
                ShowRange    ="false"
                TickFrequency="10"
                SnapsTo      ="Ticks"
                Orientation  ="Horizontal"
                TickPlacement="BottomRight">
            </range:SfRangeSlider>
        </StackLayout>
    </ContentPage.Content>
</ContentPage>
  

On Android, it's positioning the thumb correctly, but on iOS the thumb is not being positioned correctly -it is just off to the right. I've attached screenshots from Android and iOS.

Is this a known problem?

Attachment: Archive_3e213ab5.zip

5 Replies

HM Hemalatha Marikumar Syncfusion Team February 25, 2016 10:23 AM UTC

Hi James,

Thanks for contacting Syncfusion Support.

The reported issue "Problem in Thumb positioning in RangeSlider” has been already fixed and the fix is available from our Volume 4 2015 Service pack 1 release. Please download the Essential Studio of Syncfusion Volume 4 2015 Service pack 1 from the link below

Link: http://syncfusion.com/forums/122061/essential-studio-2015-volume-4-service-pack-release-v13-4-0-58-available-for-download  

Regards,
Hemalatha M.


JL James Lavery February 26, 2016 09:17 AM UTC

I have downloaded the Service Pack, but this has not fixed the problem.

I've attached a sample which demonstrates the problem. Note that I based the solution/projects on the GaugeSampleTest, so some of the projects are still name GaugeSampleTest!

Regards,

James

Attachment: RangeSampleTest_jgl_c2853f79.zip


HM Hemalatha Marikumar Syncfusion Team February 29, 2016 11:18 AM UTC

Hi James,

We have tested the provided sample with 2015 Volume 4 Service pack 2 assemblies (13.4451.0.58) and we were unable to reproduce the reported issue at our end .We have attached a screenshot that was captured while testing the provided sample which is available in the below link.

Link: http://www.syncfusion.com/downloads/support/directtrac/152786/ze/ScreenShot_of_RangeSlider2060291801 

Please ensure that the assembly version referred is the same version that we provided(13.4451.0.58).

Regards,

Hemalatha M.


JL James Lavery February 29, 2016 04:20 PM UTC

Hi Hemelatha,
Thank you for your reply.

Looking at your attached screenshot, I think that it actually demonstrates the problem. All the sliders are over at the maximum value. What happens if you bind to a value mid-way between the minimum and maximum? Do you see the slider thumbs move to the middle?

Regards,

James


HM Hemalatha Marikumar Syncfusion Team March 1, 2016 07:28 AM UTC

Hi James,

We were able to reproduce the issue reported in your last update on binding problem with RangeSlider’ s Value. We have fixed the issue internally and it will be available in our upcoming 2015 Volume 4 service pack 2 release. A support incident to track the status of this defect has been created under your account. Please log on to our support website to check for further updates.

https://www.syncfusion.com/account/login?ReturnUrl=%2fsupport%2fdirecttrac%2fincidents  

Regards,
Hemalatha M.

Loader.
Live Chat Icon For mobile
Up arrow icon