Button label word-wrap

How can I create a button with word wrap, in particular for the e-link style?


3 Replies 1 reply marked as answer

AS Aravinthan Seetharaman Syncfusion Team June 23, 2021 11:40 AM UTC

 
Thanks for contacting Syncfusion Support. 
 
We have checked your requirement. We can able to achieve your requirement by using cssClass property with required css. Please refer the below code snippet and sample. 
 
 
@using Syncfusion.Blazor.Buttons 
 
<SfButton Content="MySyncfusionButton" CssClass="e-link custom"></SfButton> 
 
<style> 
    .custom { 
        white-space: normal; 
        word-wrap: break-word; 
        width:110px; 
    } 
</style> 
 
 
Please check the above details, and if we misunderstood your requirement, please share more details, based on that we will check and provide solution quickly. 
 
Regards, 
Aravinthan S

Marked as answer

DA Dave June 23, 2021 01:57 PM UTC

Perfect, thank you.



AS Aravinthan Seetharaman Syncfusion Team June 24, 2021 05:50 AM UTC

Hi Dave, 
 
Thanks for the update. 
 
We are happy to hear that your requirement has been achieved. Please feel free to contact us if you need any further assistance on this. 
 
Regards, 
Aravinthan S 


Loader.
Up arrow icon