1. Home
  2. Forum
  3. Xamarin.Forms
  4. Tooltip does not react to properties

Tooltip does not react to properties

Hi,

I am trying to customize how the tooltip show, but the tooltip reacts only for some of the properties. RangeSlider I use is below.

<sfRangeSlider:SfRangeSlider Grid.Column="1"
   RangeStart="{Binding MinimumDistance}"
   RangeEnd="{Binding MaximumDistance}"
   Minimum="{Binding MinimumPossibleDistance, Mode=OneTime}"
   Maximum="{Binding MaximumPossibleDistance, Mode=OneTime}"
   TrackSelectionColor="{StaticResource SliderColor}"
   KnobColor="{StaticResource SliderColor}"
   LabelColor="{StaticResource SliderColor}"
   Orientation="Horizontal"
   ShowRange="True"
   ShowValueLabel="True"
   TickFrequency="40"
   StepFrequency="10"
   LabelFormat="{}{0} km"
   ValuePlacement="BottomRight"/>

Acording to documentation, there are 3 properties for changing visual of rangeslider: ToolTipBackgroundColor, ToolTipTextColor and ToolTipPlacement. Of those 3, Background color and Placement are not working for me. I tried setting Placement to any of 3 possible values, but it still shows on Top. Same for Background color, it only show the color of the Knob.

What am I doing wrong, that range slider does not its visual?


3 Replies
VV Vijayakumar Viswanathan Syncfusion Team July 18, 2022 01:39 PM UTC

Hi Lukáš,


Query: ToolTip does not react to the properties in the SfRangeSlider.


We have checked the provided code in the SfRangeSlider control. The Tooltip BackgroundColor, Placement, and TextColor worked properly on our side. We have created a new sample and please get it from the attachment.


Can you please share the below details to investigate further?


1. What Nuget version was used for SfRangeSlider

2. Which platform you have faced this issue

3. If possible please share the sample with the video



If you provide the above details it will help us to provide the proper solution at the easiest. Please let us know if you need any other details.


Regards

Vijayakumar V


Attachment: RangeSliderSample_665c6b8f.zip

LU Lukáš July 30, 2022 06:36 PM UTC

Hi Vijayakumar,


thanks for reply and sorry for delay on my side.


  1. In my project, I'm using SfRangeSlider 20.2.0.38 (Sample project is using 20.2.0.36).
  2. I'm running Xamarin.Forms, tried Android 10 and 11 devices. I do not have the project for Windows or iOS, so can't check other devices.
  3. I attached 2 videos, the one named Sample is your project, just for sure, that it looks how it should. Second one, MyCode, is showing range slider from your sample but in my app.
As shown on videos in attachment, both results, even it is the same code, looks different. So it seems it's not directly related to RangeSlider itself, but other circumstances. Can this be related to Xamarin version or other nugets? I even tried turning of Visual="Material" on the page, but still no difference.

Thanks for the help.

Attachment: videos_b1b4b4f5.rar

VV Vijayakumar Viswanathan Syncfusion Team August 1, 2022 02:01 PM UTC

Hi Lukáš,


Query: In the app, the same code behaves differently from the sample.


In the SfRangeSlider we have provided the balloon tooltip for Material Visual style type. Better you can recheck the Material style was disabled properly to the SfRangeSlider control.


We have checked the reported issue in the android 11 emulator and were unable to reproduce it. The tooltip works fine. If possible can you set the visual type of the SfRangeSlider as the Default type in your sample and let us know the details?


It will be better if you provide your sample or replication sample to us to reproduce the issue on our side. It helps us to provide the proper solution at the easiest. Please let us know if you need any other details.


Regards

Viiyakumar V


Loader.
Up arrow icon