How to Wrap the Long Text in the Blazor ListView Component?

The following steps used to wrap long text in the Blazor ListView component.

Step 1 : Implement the ListView component using our Getting Started documentation.

Step 2 : To enable text wrapping, apply the height and white-space CSS properties to the list item class.

[Index.razor]

</SfListView>

<style>

.list.e-listview .e-list-item {

height: auto;

}

.list.e-listview .e-list-text {

white-space: normal;

}

</style>

Sample :ListView-WrapText

See Also :

Data Binding in Blazor ListView Component | Syncfusion

Conclusion

We hope you enjoyed learning how to wrap the long text in the Blazor ListView component.

You can refer to our Blazor ListView feature tour page to know about its other groundbreaking features, documentation, and how to quickly get started with configuration specifications. You can also explore our Blazor ListView example to understand how to create and manipulate data.

For current customers, our Blazor components are available on the License and Downloads page. If you are new to Syncfusion, you can try our 30-day free trial to evaluate our Blazor ListView and other Blazor components.

If you have any questions or require clarifications, please let us know in the comments section below. You can also contact us through our support forums, Direct-Trac, or feedback portal. We are always happy to assist you!

Did you find this information helpful?

Yes

Comments (0)

How to Wrap the Long Text in the Blazor ListView Component?

Access denied