What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How to change specific field color?

    Asked by GNK on January 20, 2014 at 01:40 PM

    Hi There,

    Is it possible to customize seperate items in the following ways....

     

    1. Can I change the colour of the item back (just the item, not the entire form)? 

    2. Is there a way to attach a URL link or a comment to seperate items? 

     

    Thanks in advance, Greg

    items colour URL link thanks
  • Profile Image
    JotForm Support

    Answered by TitusN on January 20, 2014 at 02:14 PM

    Hello Greg,

    Thank you for contacting us.

    1.

    You can use Custom CSS to change the way any of the elements look on the form.

    for instance:

    #element_id {

    background-color: yellow;

    }

    You can get the form element descriptors/id's using this guide: http://www.jotform.com/help/146-How-to-find-Field-IDs-Names

    Please let us know which element on the form you would like to change the backgroud color, we can help you come up with some CSS rules.

    ****

    2.

    I'm not sure what you mean by the second question (2. Is there a way to attach a URL link or a comment to seperate items? ).

    I would reccomend you open a new thread for it.

  • Profile Image

    Answered by GNK on January 21, 2014 at 01:20 AM
    Thanks for your response. As for the colour, I'm not sure where i enter the
    new CSS information? Where do I do this? We are doing this to identify
    certain items that need work (e.g. those items we would colour red).
    ***************************************************
    Greg Kawchuk BSC, DC, MSc, PhD.
    Canada Research Chair in Spinal Function
    Professor, Faculty of Rehabilitation Medicine
    University of Alberta
    greg.kawchuk@ualberta.ca
    780-492-6891
    ...
  • Profile Image
    JotForm Support

    Answered by Welvin on January 21, 2014 at 03:31 AM

    Hi Greg,

    Here's how you can inject a custom CSS codes to the form: How to Inject Custom CSS Codes. First thing is you have to find the field ID, you can do so by following the guide given by my colleague.

    We can help if it sounds too difficult for you. Just please let us know the form URL, the fields you want to change its color and we'll give you the right codes to inject.

    Thanks

  • Profile Image

    Answered by GNK on January 21, 2014 at 01:20 PM
    Thanks guys.
    Here is the URL. My guess is the form needs to be stable for this to work -
    in other words, if we delete any item then the field IDs change and the
    colours are then off. Would that be the case? Either way it would be great
    if you could show how to inject code. Please feel free to change the colour
    of any say 3 of the first 10 items and i'll take a look.
    Greg
    ***************************************************
    Greg Kawchuk BSC, DC, MSc, PhD.
    Canada Research Chair in Spinal Function
    Professor, Faculty of Rehabilitation Medicine
    University of Alberta
    greg.kawchuk@ualberta.ca
    780-492-6891
    ...
  • Profile Image
    JotForm Support

    Answered by ardy0689 on January 21, 2014 at 01:59 PM

    @GNK. Yes that would be the case. Every time you deleted a field and replace it with another one it updates the IDs. You need to get the right ID again by following the guide my colleague has given you https://www.jotform.com/help/146-How-to-find-Field-IDs-Names. Each new field added on the form will have a new field ID.

    Please see this illustration below:

     

    If you require further assistance, please do not hesitate to ask. Thank you

  • Profile Image

    Answered by GNK on January 21, 2014 at 11:10 PM
    That was very helpful. Thanks!! The embedded video is a nice touch.
    ***************************************************
    Greg Kawchuk BSC, DC, MSc, PhD.
    Canada Research Chair in Spinal Function
    Professor, Faculty of Rehabilitation Medicine
    University of Alberta
    greg.kawchuk@ualberta.ca
    780-492-6891
    ...
  • Profile Image
    JotForm Support

    Answered by EltonCris on January 22, 2014 at 02:49 AM

    @GNK 

    On behalf of my colleagues, you're welcome.

    If you have any other questions or concerns, let us know by creating a new thread.

    Cheers!