Always show thumb value; customize that value

Hi,

I'm trying to use SfRangeSlider to select a time. Internally, this is stored as a double, as a difference between DateTime.Now and the picked time.

I then use CustomLabels to map this back to an actual wall clock. Looks like this:



So, right now, it is 12:45, and I'm picking a value 15 minutes ahead of that, 13:00 (or T+15).

There's multiple problems here:

  • I want that value to always be visible, not just in a tooltip.
  • I want to apply the same custom label to the value. But I don't want every single major tick to have a label; that would take up way too much visual space. So in this particular example, I want to only see labels for 12:15, 13:00 (because I've picked it), 14:15, 15:15. The 14:00 one should be skipped because it would take up too much space.
  • I want these labels to be centered horizontally (i.e., T-30, etc. should be pushed slightly to the right). I tried setting the style of TickBarItem, but that didn't quite work:
            <Style TargetType="sf:TickBarItem">
                <Setter Property="HorizontalAlignment" Value="Center" />
            </Style>

This will look like:





3 Replies 1 reply marked as answer

RS Ruba Shanmugam Syncfusion Team October 26, 2020 12:00 PM UTC

Hi Soeren,

Greetings from Syncfusion.

We would like to let you know that, currently we don't have support for showing the tooltip as always. We have already logged a feature request, it can be tracked through our feedback portal below.

Feedback link: https://www.syncfusion.com/feedback/19130/need-to-show-the-tooltip-always-and-hide-the-label-value  

Please cast your vote to make it count. We will prioritize the features every release based on the demands and we do not have an immediate plan to implement this feature since we committed with already planned work. So, this feature will be available for any of our upcoming releases.

If you have any more specifications/suggestions to the feature request, you can add it as a comment in the portal.

Regards,
Ruba Shanmugam.





Marked as answer

SK Soeren Kuklau October 27, 2020 10:25 AM UTC

Thanks for making the feedback item.

For others interested, looks like my screenshot didn't upload right. Let's try from a different browser:



SS Suganya Sethuraman Syncfusion Team October 28, 2020 05:33 AM UTC

Hi Soeren,

Thanks for updating the screenshot.

Regards,
Suganya Sethuraman 
 


Loader.
Up arrow icon