alexa
menu

Blazor

  • Code Examples
  • Upgrade Guide
  • User Guide
  • Demos
  • Support
  • Forums
  • Download

    Show / Hide Table of Contents

    Class TooltipPlacement

    Defines the placement options for tooltips on the Slider component.

    Inheritance
    System.Object
    TooltipPlacement
    Namespace: Syncfusion.Blazor.Inputs
    Assembly: Syncfusion.Blazor.dll
    Syntax
    public sealed class TooltipPlacement : Enum
    Remarks

    The TooltipPlacement enum controls where tooltips are positioned relative to the slider handle. The placement is relative to the slider's orientation and affects the tooltip's visibility and user experience.

    Examples
    <SfSlider TValue="int" Value="50">
        <SliderTooltip IsVisible="true" Placement="TooltipPlacement.Before" ShowOn="TooltipShowOn.Hover">
        </SliderTooltip>
    </SfSlider>

    Fields

    After

    Positions the tooltip after the slider handle.

    Declaration
    public const TooltipPlacement After
    Field Value
    Type
    TooltipPlacement
    Remarks

    For horizontal sliders, After places the tooltip below the handle. For vertical sliders, After places the tooltip to the right of the handle. This placement is useful when space constraints require tooltips on the opposite side of the default position.

    Before

    Positions the tooltip before the slider handle.

    Declaration
    public const TooltipPlacement Before
    Field Value
    Type
    TooltipPlacement
    Remarks

    For horizontal sliders, Before places the tooltip above the handle. For vertical sliders, Before places the tooltip to the left of the handle. This placement keeps tooltips away from the user's interaction area and provides clear value visibility.

    Back to top Generated by DocFX
    Copyright © 2001 - 2025 Syncfusion Inc. All Rights Reserved