HtmlNode and rounded corner style property

[Cosimo Carbonelli]

I use an HTML Node and I noticed that when I set the property FillColor, Opacity BorderColor, BorderWidth they works correctly.

I would like also change the border shape, they are showed as a rectangle. It is possible have rounded corners?

This type of node doesn't have the CornerRadius property.

There is a way to have rounded corners?

Thank you

[Shyam G]

Hi Cosimo, 

 

We have created a rectangle with corner radius as an HTML node and provided the playground link below. Also, please refer to the script Html template code example below. 

 

Code example: 

 

<script id="htmlTemplate" type="text/x-jsrender"> 

        <div> 

            <div id="roundedcorners" style="width: 200px;height: 150px;border-radius: 15px; border:1px solid black"> </div> 

        </div> 

    </script> 

 

Playground link: https://jsplayground.syncfusion.com/z5hmgcxp 

 

Please let us know if any concerns. 

 

Regards, 

Shyam G