css for Matrix Dynamique in edit mode.

  • Profile Image
    Jimi 
    Asked on September 05, 2016 at 05: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;

    }

     

  • Profile Image
    liyam
    Answered on September 05, 2016 at 08: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.