Matrix Dynamique: Alter the style to look similar to spreadsheet

Hi,

Yes, you can alter the style of it through its CSS field.

You can see here the finished jotform with the style already added to it: http://form.jotformpro.com/form/42955470298971

If you want to clone it to your account you should follow these steps: How to Clone an Existing Form from a URL

Now these are the steps to create the same:

1. Open the Matrix Dynamique wizard and and scroll down to the Custom CSS field

Now paste this CSS in the Custom CSS field:

tr#contentHeader > th[scope="col"] {
    background-color: red;
    border: 2px solid black;
    color: white;
    margin: 0 !important;
    padding: 0 7px;
    width: 33%;
    word-break: break-all;
}
#contentTable > tbody > tr,#contentTable > tbody > tr >td {
    border: 1px solid gray;
    text-align: center;
}
span.spantext
{
    width: 100%;
}
#contentTable > tfoot > tr >td {
    padding: 0 10px;
}
#contentTable > tfoot > tr > td > input {
    height: 40px;
    width: 100px;
    margin-top: 2px;
}

Now click on Finish and save your jotform. Please take a look at its preview and it should look like the one I added at the start.

If you have any further questions, please let us know.

Best Regards,
Ben