How can I decorate different input element?

[hfirst]

I am using Kendo and their combobox is a combination of different divs and spans, so the built in mechanism to decorate the input element (change the border color) doesn't work since that's not actually the visible part.

I did find the trick below and it does work, problem is, it ends up immediately highlighting the required combos in red as soon as the form loads when creating new records.

How can I hook the default mechanism so that I can decorate the correct element AND not also have errors be highlighted immediately on form load?

Trick to highlight input element:

ko.bindingHandlers.parentvalElement = { update: function(element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) { if (element.nodeName!=="SELECT") return; var valueIsValid = valueAccessor().isValid(); if(!valueIsValid ) { $(element.parentElement.children[0]).addClass("FieldError"); } else { $(element.parentElement.children[0]).removeClass("FieldError"); } } };

[crashnick16]

+1

this might be of help: http://dojo.telerik.com/eboWu