Matrix dynamique column width help

  • Profile Image
    maetheridge
    Asked on October 15, 2019 at 06: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?


    Screenshot
  • Profile Image
    maetheridge
    Answered on October 15, 2019 at 06:01 PM

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

  • Profile Image
    EltonCris
    Answered on October 15, 2019 at 07: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:

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

    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: