Blazor sfButton Wrap Text

[Jorge Tirado]

Hi,

I will like to be able to wrap the text inside a sfButton. Is there a way to accomplish this?

Jorge

[Sangeetha Priya Murugan]

HI Jorge Tirado, 

 

Thank you for contacting Syncfusion support. 

 

We have checked your reported requirement and it can be achievable in our Button by using the CSS properties as like as below. 

 

Code Block: 

 

@using Syncfusion.Blazor.Buttons 

 

<SfButton>My <br />Button <br /> Example</SfButton> @*apply br tag to insert line break*@ 

<SfButton CssClass="e-wrap">My Button Example</SfButton>  

 

<style> 

    /*To set the wrap for button with specified width*/ 

    .e-wrap { 

        white-space: normal; 

        word-wrap: break-word; 

        width:100px    } 

</style> 

 

For your convenience, we have prepared the sample based on our suggestion. Please find the link below. 

 

https://www.syncfusion.com/downloads/support/forum/170868/ze/Server53823148221388320874 

 

Could you please check the above details and get back to us, if you need any further assistance on this. 

 

Regards, 

Sangeetha M 

[Jorge Tirado]

Thanks for the quick response.

The  <br /> worked fine, the word-wrap did not. All I need is one to work so I am good.

Thanks for the help.

[Sangeetha Priya Murugan]

HI Jorge Tirado, 

 

Thank you for your update. Please feel free to contact us, if you need any further assistance on this.  

  

Regards,  

Sangeetha M