Styling RadNumericTextBox

[Kurt Kluth]

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?

[Viktor Tachev]

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.

Markup:

<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;
}

Regards,
Viktor Tachev
Telerik