[Solved] Visual validation in custom styles generated by Visual style builder

[Jana]

Dear Telerik-Team,

I created a custom skin using the visual style builder provided by Telerik by choosing a base color and changing some hover colors, nothing fancy.
Unfortunately now visual validation is missing, i.e. the date picker input box does NOT become red when an invalid value like 'sdkafljdsfo' :) is entered.
What could be the reasons for the missing visual validation and how could we fix it?

When we switch the theme back to one of the themes coming with the MVC components visual validation is working as expected.

Thanks a lot in advance.

Jana

[Alex Gyoshev]

Hello Jana,

Can you please send your custom skin so that we may take a look at what has been generated? You can usually override the error styles like this:

.t-state-error {
    border-color: red !important;
    background-color:red !important;
    color: red !important;
}

... but it isn't very pretty.

Best wishes,
Alex Gyoshev
the Telerik team

[achilles]

Hi Alex,

Please find attached the Custom skin generated by Jana.

Warm Regards

Raja

[Alex Gyoshev]

The problem is caused from the not-yet-updated stylebuilder. We will be updating the application shortly -- up until now, it used the previous version of the skins that didn't contain the necessary error classes.

I have added the missing selectors to the CSS, but it is recommended to re-create the skin once the style builder is updated, next week.

Regards,
Alex Gyoshev
the Telerik team

[Jana]

Hi Alex,

thank you very much for you effort!

Kind regards