RadNumbericTextBox loses class on mouseover

[Nik]

I have a textbox within a repeater...

<rad:RadNumericTextBox ID="radNumQty" runat="server" CssClass="txtbox" Width="40px" IncrementSettings-Step="1" MinValue="1" MaxValue="9999999" MaxLength="7" NumberFormat-DecimalDigits="0" ClientEvents-OnValueChanging="clientUpsellChanges">
</rad:RadNumericTextBox>

In my clientUpsellChanges function, I change its' class if there is an error.

if (intQtyError != 0) {
// Toggle css on field with error
var radQtyBox = $find(arrExtraItemFields[0]);
radQtyBox.TextBoxElement.className = "txtboxerror";
}

This all works fine, but I'm finding that the error class gets removed as soon as you mouseover the box. Why is this? How do I prevent it?

[Tsvetina]

Hello Nik,

In order to change the style of RadNumericTextBox and preserve it on focus, mouseover, etc. you should change the respective InputStyles of the control, e.g.:

function changeStyle(sender, eventArgs) {
    var textbox = $find("<%=RadNumericTextBox1.ClientID %>");
    textbox.get_styles().EnabledStyle[1] += " riRed";
    textbox.get_styles().FocusedStyle[1] += " riRed";
    textbox.get_styles().HoveredStyle[1] += " riRed";
    textbox.updateCssClass();
}

Kind regards,
Tsvetina
the Telerik team