menu

Blazor

  • Code Examples
  • Upgrade Guide
  • User Guide
  • Demos
  • Support
  • Forums
  • Download
Class TextOverflowMode - Blazor API Reference | Syncfusion

    Show / Hide Table of Contents

    Class TextOverflowMode

    Defines how cell content is handled when it exceeds the available display area in the MultiColumnComboBox component.

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

    Text overflow handling is crucial for maintaining layout consistency while ensuring content remains accessible. Different overflow modes provide varying levels of user experience and content visibility.

    • ClipTruncates the cell content when it overflows its area.
    • EllipsisDisplays ellipsis when the cell content overflows its area.
    • EllipsisWithTooltipDisplays ellipsis when the cell content overflows its area and shows tooltip on hover for full content visibility.
    Examples

    The following example demonstrates how to configure text overflow handling:

    <SfMultiColumnComboBox TValue="string" TItem="Employee" 
                           DataSource="@Employees"
                           TextOverflowMode="TextOverflowMode.EllipsisWithTooltip">
    </SfMultiColumnComboBox>

    Fields

    Clip

    Truncates the cell content abruptly when it exceeds the available display area.

    Declaration
    public const TextOverflowMode Clip
    Field Value
    Type
    TextOverflowMode
    Remarks

    This mode provides the most space-efficient display but may result in loss of important information. Content is cut off without any visual indication that more text exists.

    Ellipsis

    Displays an ellipsis ("...") when the cell content exceeds the available display area.

    Declaration
    public const TextOverflowMode Ellipsis
    Field Value
    Type
    TextOverflowMode
    Remarks

    This mode provides a visual indication that content extends beyond the visible area. Users can understand that more content exists, though they cannot access it directly.

    EllipsisWithTooltip

    Displays an ellipsis ("...") when the cell content exceeds the available display area and shows the full content in a tooltip on hover.

    Declaration
    public const TextOverflowMode EllipsisWithTooltip
    Field Value
    Type
    TextOverflowMode
    Remarks

    This mode provides the optimal user experience by combining space efficiency with full content accessibility. Users can quickly scan truncated content while having access to complete information through hover interaction.

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