How to remove the background color which appears when form field is clicked?

  • Profile Image
    Asked on January 04, 2016 at 10:16 AM

    Hi There!

    Just a couple of other questions that I could not work out myself please:

    1. I was using the 'matrix' option (in the survey menu) to create my inventory list. However when I click on the form inside the fields (screenshot from my web attached), I get a pink/brownish frame that doesn't look attractive which I would like to remove. please advise how could I achieve that?

    2. I found it hard to create a more complex form as it is hard to organise the fields in the second and third column. My form is quite simple, yet I went into lots of troubles to create the three columns in page 2 - especially the third one . I was looking for a way to divide the space to more than one column? (some software have 'section' option to do so).

    Many thanks and sorry for so many questions :-/

  • Profile Image
    Answered on January 04, 2016 at 12:32 PM

    Hello Effie,

    #1. You seems to have Highlight Effect enabled in your form. That is the reason why you see the background color when you click on any form field. You can disable the "Highlight Effect" property of your form preferences and that should solve your problem. Please check the screenshot below:


    I have moved your second question to a new thread and you will be answered here: 

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!

  • Profile Image
    Answered on January 07, 2016 at 09:00 PM

    It is all good now - thank you :-)

    Is there away to control the colour of the selection at all in case I wanted it back?





  • Profile Image
    Answered on January 08, 2016 at 04:12 AM

    On behalf of my colleague, Ashwin, you are most welcome. :)

    When it comes to controlling / changing the color of the highlight effect in your form, we can change its color by adding a small bit of custom CSS to your form:

    .form-line.form-line-active { background-color: rgba(0,120,250,0.3); }

    Where you can replace the part marked in red, rgba(0,120,250,0.3) , with any of the 16+ million CSS colors. Here is one small reference regarding CSS colors to help get you started:

    You can apply custom CSS by opening your form in the Designer, and pasting the code into the textbox under the CSS tab of the Designer.

    Let us know should you need further clarifications, or kindly open a new thread if you need assistance with anything else, and we will be happy to help.

  • Profile Image
    Answered on September 14, 2016 at 09:29 AM