Change the width of Matrix Dynamique widget

  • bryansbc
    Asked on July 4, 2016 at 9:13 AM

    Hi How do i change the matrix dynamique widget witdh? I follow one faq and change it vie injecting the css without any luck.

    Page URL: https://form.jotform.me/61853710764459
  • John_Benson
    Replied on July 4, 2016 at 11:20 AM

    You need to disable the Label first before we inject a custom CSS code. Here are the steps:

    1. Select the Matrix Dynamique widget, after that please click the Label button then choose Disable. 

    Change the width of Matrix Dynamique widget Image 1 Screenshot 40

    2. Go to Form Designer.

    Change the width of Matrix Dynamique widget Image 2 Screenshot 51

    3. Go to the CSS tab and inject this custom CSS code: 

    #customFieldFrame_33 {
    width: 615px !important;
    } 

    Change the width of Matrix Dynamique widget Image 3 Screenshot 62

    You can adjust the width to your preference. Also, here's a guide on How-to-Inject-Custom-CSS-Codes.

    Hope this helps. Let us know if you need any further assistance. Thank you!