css for Matrix Dynamique in edit mode.

  • Jimi
    Asked on September 5, 2016 at 5:54 PM

    Hi I have formatted the matrix using css below, but when user clicks on the edit pencil to edit an entry the format goes away.  Is there a separate css for the edit modes of the matrix?

    td.c0 {

        padding: 0px!important;

    }

    td.c1 {

        padding: 0px!important;

    }

    td.c2 {

        padding: 0px!important;

    }

    td.c3 {

        padding: 0px!important;

    }

    td.Button, td.matrixButton {

        text-align: left!important;

        width: 30px;

        padding-left: 10px!important;

    }

    table {

        width: 60%!important;

    }

     

  • liyam
    Replied on September 5, 2016 at 8:28 PM

    Hello Jimi,

    You will need to insert this CSS code, in addition the one that you have already:

    .col {
        padding: 0 !important;
    }

    Edit fields have the class .col and these are pushing your fields to spread when being edited, giving the impression that the formatting you have added goes away.

    If you have other questions, please let us know.

    Thanks.