Change CSS from javascript

[Jon]

Hi,

On validation fail I would like to switch the css class of the raddropdowntree in order to end up with a red border.  

I am trying the following but not sure if it is my code or the css that is to blame. Any suggestions?

             

                    function RadDropDownTree_ValidationStyleSetter(textBox, eventArgs) {
                        if (eventArgs.IsValid === false) {
                            textBox.addCssClass('RadDropDownTreeFieldErrorHighlight');
                        } else {
                            textBox.removeCssClass('RadDropDownTreeFieldErrorHighlight');
                        }
                    }

Regards

Jon

[Nencho]

Hello Jon,

You can use jQuery and the rddtInner selector, in order to manage the css of the controls by adding and removing a custom css class. This class should have the border-color set to red. In the attachment, you can find a simplified runnable sample demonstrating the implementation of the suggested approach at the change event of a checkbox.

Regards,
Nencho
Telerik

 

 

[Jon]

Hi Nencho,

Many thanks for that.  A very helpful mechanism.

Do you know if there is any movement towards having a more integrated set of validation mechanisms built into the various editor controls?

Best Regards

Jon

[Nencho]

Hello Jon,

I am afraid that there probably won't be any further implementations regarding the validation of the controls as this implementation might differ in some scenarios. This is why we leave the ability for custom handling of the validation scenario.

Regards,
Nencho
Telerik

 

 

[Jon]

Ah OK,

Not to worry :)