ToolTip Support

The tooltip shows the current value based on thumb position.

Set ToolTip Precision

The ToolTipPrecision property is used to define the precision of the value displayed in the ToolTip.

rangeSlider.ToolTipPrecision = 2;

Set ToolTip Placement

The position of the ToolTip in relation to the thumb can be controlled by the ToolTipPlacement property. It has the following options.

  1. BottomRight
  2. TopLeft
  3. None

BottomRight

The ToolTip will be placed either below the Thumb in horizontal orientation or right of the Thumb in vertical orientation.

rangeSlider.ToolTipPlacement = SFToolTipPlacement.SFToolTipPlacementBottomRight;

TopLeft

the ToolTip will be placed either above the Thumb in horizontal orientation or left of the Thumb in vertical orientation.

rangeSlider.ToolTipPlacement = SFToolTipPlacement.SFToolTipPlacementTopLeft;

None

ToolTip will be collapsed.

rangeSlider.ToolTipPlacement = SFToolTipPlacement.SFToolTipPlacementNone;

Tooltip color

TooltipTextColor - Used to change the tooltip text color.
TooltipBackgroundColor - Used to change the tooltip background color.

rangeSlider.ToolTipBackgroundColor = UIColor.Red;
    rangeSlider.TooltipTextColor = UIColor.White;