Matrix Dynamique: Editing the CSS

  • scottpiag
    Asked on February 6, 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.  

  • Jan
    Replied on February 6, 2018 at 2: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 Screenshot 10

    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.

  • scottpiag
    Replied on February 6, 2018 at 2: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?  

  • scottpiag
    Replied on February 6, 2018 at 3:10 PM

    1517947794Screen Shot 2018 02 06 at 3 Screenshot 10

  • aubreybourke
    Replied on February 6, 2018 at 5: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 Screenshot 10

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