How to use asp.TextBox with rounded corner in JavaScript MaskEdit?
How to render ASP text box to Syncfusion MaskEdit text box with rounded corner
You can render the ASP text box to Syncfusion MaskEdit text box with CSS customization.
For setting rounded corners in ASP text box, you can add the CSS class “e-corner e-js” as shown below.
<asp:TextBox ID="text1" runat="server" Width="100%" CssClass="e-corner e-js" ></asp:TextBox>
This will be applied when the ej.web.all.min.css stylesheet is referred in sample.
To display the ASP text box exactly like ejMaskEdit, you can add the following styles for text box along with e-corner class mentioned above.
<style type="text/css" class="cssStyles">
#MainContent_text1
{
font-size: 13px;
border: 1px solid #c8c8c8;
padding-left: 0.857em;
min-width: 400px;
}
</style>
Now, the ASP text box is rendered as Syncfusion Text box.
Refer to the following link for the sample.
https://www.syncfusion.com/downloads/support/directtrac/general/ze/maskedit-76500414.zip
Conclusion
I hope you enjoyed learning on how to use asp.TextBox as Syncfusion Textbox with rounded corner.
You can refer to our JavaScript MaskEdit feature tour page to know about its other groundbreaking feature representations. You can also explore our documentation to understand how to present and manipulate data.
For current customers, you can check out our WinForms components from the License and Downloads page. If you are new to Syncfusion, you can try our 30-day free trial to check out our JavaScript MaskEdit and other JavaScript components.
If you have any queries or require clarifications, please let us know in comments below. You can also contact us through our support forums, Direct-Trac, or feedback portal. We are always happy to assist you!
