Matrix Dynamique: Editing the CSS

  • Profile Image
    scottpiag
    Asked on February 06, 2018 at 12:53 PM

    Is there a way to edit the Matrix Dynamique widget?  I am not very good with CSS code so I am not sure if thats how I have to edit it but I would like to format to match the rest of my form.  

  • Profile Image
    Jan
    Answered on February 06, 2018 at 02:33 PM

    Yes, you can actually use custom CSS code inside the widget. We can help you in creating a custom CSS.

    Please provide more details about the changes you want to make in the widget. Are you referring to the column headers, entered data or the text boxes?

    151794508002-07-29pet.png

    Also, may I verify if you are referring to this form (https://www.jotform.us/form/80279279284166)?

    We will wait for your response. Thank you.

  • Profile Image
    scottpiag
    Answered on February 06, 2018 at 02:41 PM

    Thank you!  I am referring to that form but found the configurable list to be more of what I needed.   Is that customizable via CSS code?  

  • Profile Image
    scottpiag
    Answered on February 06, 2018 at 03:10 PM

    1517947794Screen Shot 2018-02-06 at 3.05

  • Profile Image
    aubreybourke
    Answered on February 06, 2018 at 05:32 PM

    1) You can use this CSS for your matrix:

    *{

    color: black !important;

    }

    th{

    color: #5957A6 !important;

    text-align: center !important;

    }

     

    2) You can use this CSS for your terms and conditions:

    label{

    color: #5957A6 !important;

    }

    It should look like this:

    1517956357The Easiest Online Form Builde

    How-to-Inject-CSS-Codes-to-Widgets