Change In Line Style of Input

[tom.smith]

Hi

I've got a form that highlights input fields by adding an in-line style to the input in the form of a background colour:

Code: Select all

controls.ADDRESS1.setEditorStyle("background-color:#FEB3B3;");

This code is executed in a before-load event on the page.


What I would like to do, but can't seem to, is to clear the background colour on a button click event. I've tried the following (individually):

Code: Select all

controls.ADDRESS1.setEditorStyle("background-color:transparent;");
controls.ADDRESS1.setEditorStyle("background-color:initial;");
controls.ADDRESS1.setEditorStyle("background-color:#FFFFFF;");

The code is executed, but the background remains. When I inspect the element on the page I can still see the initial inline background colour being applied.


Any help in clearing this applied background would be appreciated.

Thanks

Tom

[Jon]

Tom,

This will clear the style:

Code: Select all

controls.ADDRESS1.setEditorStyle(null);

For info, you can also do this:

Code: Select all

controls.ADDRESS1.editorInputProperties.backgroundColor = "#FEB3B3";
controls.ADDRESS1.editorInputProperties.backgroundColor = null;

Regards
Jon

[Jon]

Not sure if this is relevant but you can use the Error Focus Style to automatically highlight any fields that fail validation or have an error message. You configure this in form properties, presentation tab or in a presentation template, click on "Form".

[tom.smith]

Hi Jon

Thanks for your posts. The first one worked just as I wanted - no idea why I overlooked the use of null whilst trying everything else, but thanks.

I'm passing values into the form and populating fields, and highlighting ones that the user needs to double-check, so there isn't any validation occurring. Error Focus Style isn't particularly relevant to my specific application here, but might be for another part I'm yet to design. I'll bear it in mind.

Thanks

Tom