Matrix dynamique column width help

  • maetheridge
    Asked on October 15, 2019 at 6:01 PM

    This thread was useful to adjust the column width:

    https://www.jotform.com/answers/1536664-How-to-configure-matrix-dynamique-column-width

    but my save button is way off to the right. How do I move it over?


    Jotform Thread 2002239 Screenshot
  • maetheridge
    Replied on October 15, 2019 at 6:01 PM

    Also, it appears that the whole matrix is too wide (judging by the separator line extending way past the save button).

  • Elton Support Team Lead
    Replied on October 15, 2019 at 7:27 PM

    Resizing the width of the matrix below 480px switches to its mobile layout so if you prefer the desktop layout, you need to set the width above 480 in its properties. Here's an example:

    Matrix dynamique column width help Image 1 Screenshot 40

    If you like its mobile responsive layout, you can change the width to e.g. 240px. Example:

    Matrix dynamique column width help Image 2 Screenshot 51

    If you prefer the desktop layout and want the save button to be closer to the field, add this CSS code. You need to keep the width of the widget to at least 481px so it won't switch to its mobile layout.

    td.Button, td.matrixButton {

        text-align: left;

    }

    Result:

    Matrix dynamique column width help Image 3 Screenshot 62