How to change the color of the radio button option when it is selected?

  • Profile Image
    max123jot
    Asked on September 05, 2016 at 01:37 PM

    hi

    for the field  Click your status in the sequence of feedback

    now that i am finally getting comfortable with everything jot form does

    is there code to modify the color of the radio buttons when clicked and or the background color or font color of the text field options (to promote salience of the choices the user makes)

     

     

     

  • Profile Image
    Kiran
    Answered on September 05, 2016 at 02:34 PM

    I see that you are using Radio buttons for the field "Click your status in the sequence of feedback". You may change the color of the text when an option is selected from the radio button by injecting the following CSS code:

    #cid_159 input[type=radio]:checked + label {

        color: #f00;

        font-style: normal;

    }

    You may change the color and font-style as per your requirement. By injecting the above CSS code, the options shall be displayed as shown below:

    Hope this information helps! 

  • Profile Image
    max123jot
    Answered on September 05, 2016 at 03:45 PM
    works
    i looked up hex colors
    #f80;
    dark blue but did not effect a change
    can the radio button color also change?
    m
    ...
  • Profile Image
    Kiran
    Answered on September 05, 2016 at 05:15 PM

    #f80 is a color with Orange shade. If you want it to change to Blue color, you may use #00f. 

    For changing the radio button, please try changing the radio button style from the Form Designer. Please see the screencast below that can help you with this.

    Thank you! 

  • Profile Image
    max123jot
    Answered on September 07, 2016 at 10:46 AM
    awsome
    m
    ...