Any way to make the Split Button round?

[Keith A Price]

How can I make the Split Button round (or at least rounded)?

[Gayathri KarunaiAnandam]

Hi Keith, 

We have checked your reported query. We can achieve your requirement by using the CSS style. Please check the below code snippet. 

Code: 

<SfSplitButton > 

    <DropDownMenuItems> 

        <DropDownMenuItem Text="Cut" ></DropDownMenuItem> 

        <DropDownMenuItem Text="Copy" ></DropDownMenuItem> 

        <DropDownMenuItem Text="Paste"></DropDownMenuItem> 

    </DropDownMenuItems> 

</SfSplitButton> 

 

<style> 

   

    .e-btn{ 

        border-radius: 37px; 

    } 

</style> 

 

For your reference, we have prepared a sample based on this. Please check the sample link. 

Sample: https://www.syncfusion.com/downloads/support/forum/168930/ze/Server_Application-288214166 

Documentation: https://blazor.syncfusion.com/documentation/split-button/getting-started  

Demo: https://blazor.syncfusion.com/demos/buttons/split-button?theme=bootstrap4  

Please get back to us, if you need further assistance. 

Regards, 

Gayathri K 

[Keith A Price]

Awesome! Thanks much.

[Gayathri KarunaiAnandam]

Hi Keith, 

Thanks for the update. 

We are happy to hear that your requirement has been fulfilled. Please feel free to contact us if you need any further assistance on this. 

Regards, 

Gayathri K