How can I change my background when I click to type a text?

  • Profile Image
    borunodt
    Asked on June 21, 2011 at 12:24 PM

    When I click inside the blank space to type something, this background is yellow and if its a wrong value, the background turns into red (pink).

    How can I change those two yellow and pink backgrounds?!

    thanks


  • Profile Image
    abajan
    Answered on June 21, 2011 at 05:59 PM

    Hello borunodt

    Thanks for asking. First load the form into the form builder.
    To remove the yellow background on focused inputs do the following:

    1. While on the Setup & Embed tab, click Preferences > Field Styles > Highlight Effect > Disabled

    2. Close the Preferences and save the form


    To remove the pink highlight on unfilled required fields:

    1. Preferences > Form Styles > Inject Custom CSS > Enter the following code in the area containing the text "Click to edit":

    .form-line-error {
    background:none repeat scroll 0 0;
    }

    2. Close the Preferences and save the form


    If you wish to just change the color of the background on focused inputs instead of removing it, leave the Highlight Effect setting on the Field Styles tab enabled, go to the Form Styles tab and inject the following CSS:

    .form-line-active {
    background-color:#CCFF99;
    }

    This will render the highlight as a light green but you can choose any color you wish by changing the CCFF99 part to another to another value. Please see this resource for additional information. (Incidentally, #CF9 would render the same color as #CCFF99)


    Lastly, to change the background color of unfilled required fields from the default to another color, inject the following CSS:

    .form-line-error {
    background:#FC0 repeat scroll 0 0;
    }

    You may have noticed that this code is very similar to the one provided earlier. The only change is that the word "none" has been replaced by a color (a kind of amber).

    Hopefully, you have found this reply helpful. Should additional assistance be required on this or any other aspect of our product, please don't hesitate to post your query. The team will be glad to help in whatever way we can.


    ~ Wayne

  • Profile Image
    borunodt
    Answered on June 22, 2011 at 05:02 AM

    Worked !!! Thank you very much!!!