Class TextOverflowMode
Defines how cell content is handled when it exceeds the available display area in the MultiColumnComboBox component.
Inheritance
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.