Styling RadNumericTextBox

2 posts, 0 answers
  1. Kurt Kluth
    Kurt Kluth avatar
    167 posts
    Member since:
    Oct 2009

    Posted 06 Apr 2016 Link to this post

    Is it possible to format a RadNumericTextbox like the attached image?  Setting BoardStyle="None" achieves part of what I am looking for but I need it at least on the bottom or possibly have it masked so it appears like the image.

    We have several forms so I would like to set it in one spot in order to affect all the input boxes.

    Any suggestions?

  2. Viktor Tachev
    Viktor Tachev avatar
    2469 posts

    Posted 07 Apr 2016 Link to this post

    Hello Kurt,

    In order to emulate the behavior from the screenshot you can remove the borders for the RadNumericTextBox and set the EmptyMessage property for it.

    Also note that the CssClass property is defined for the control. This is in order to specify to what input controls the custom style will be applies. Without this the border of all RadInput controls will be removed.


    <telerik:RadNumericTextBox ID="RadNumericTextBox1" runat="server" EmptyMessage="$" Type="Currency" CssClass="customNumericStyle"></telerik:RadNumericTextBox>

    html body .RadInput input.riTextBox.customNumericStyle,
    html body .RadInput input.riTextBox.customNumericStyle + .riHover {
        border-left: none;
        border-right: none;
        border-top: none;

    Viktor Tachev
    Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
Back to Top