Why is my <InvalidStyle> tag being ignored on all of my RadControls? It insists on using the default. Version 2011.2.712.40
ASP.Net snippet
CSS class I want applied (namely, custom bg image)
Javascript validation method
The default style that's being applied:
ASP.Net snippet
<telerik:RadTextBox ID="txtFirstName" CausesValidation="true" EmptyMessage="Enter First Name" MaxLength="100" runat="server" SelectionOnFocus="SelectAll" AutoCompleteType="FirstName" Width="240px"> <InvalidStyle CssClass="input_box_error" /></telerik:RadTextBox>CSS class I want applied (namely, custom bg image)
.input_box_error {background-color: #FCF7F7;color:#333;border: 1px solid #990000;Background-image: url(web_images/icon_input_error.png);background-position:right;}Javascript validation method
function validateFirstName(sender, args) { var tb = $find("<%= txtFirstName.ClientID %>"); if (tb.get_value() == "") { tb._invalid = true; tb.updateCssClass(); args.IsValid = false; } else { tb._invalid = false; tb.updateCssClass(); args.IsValid = true; } }The default style that's being applied:
html body .RadInput_Default .riError, html body .RadInput_Error_Default{border-top-color: #d51923;border-right-color-value: #d51923;border-bottom-color: #d51923;border-left-color-value: #d51923;border-left-color-ltr-source: physical;border-left-color-rtl-source: physical;border-right-color-ltr-source: physical;border-right-color-rtl-source: physical;background-color: #ffffff;background-image: url("WebResource.axd?d=Pl-AEyM6jqu8ijnVblcTiccZs9g-fx3RblQsV5LQ2xg8VP_Hxt2xcHsDuXiwDfB8GPPz5PpcKKZImQCrk72Jq3nUpEh_RIWAGLrotZeEzHhmO1hmMkfKXxD79gitj70HcRZKnaksvfXoqOK93XI3ITGi1zI1&t=634459979340000000");background-repeat: no-repeat;background-attachment: scroll;background-position: 100% -298px;background-clip: border-box;background-origin: padding-box;background-size: auto auto;color: #d51923;}