Can I change the width of input boxes on the Matrix Dynamique widget?

Hi,

Yes, using custom CSS codes that will be added to the custom CSS area of the widget. For example, if you need to change the width of the first box, simply inject the following custom CSS codes:

input#input_c0 {width: 300px !important;}

Change 300px to any size you want. I'm using this form from your account for example: http://www.jotformeu.com/form/43133612767353.

Using Google Chrome's Inspect Element tool to find the ID of each input boxes:

1. Right click to the input box

2. Click "Inspect element"

Let us know if you need any further assistance.

Regards

Hi
Thank you but unfortunately, that has not worked.
I tried doing it in the CSS editor on form designer and also through preferences. In preferences, I could not locate the correct line of code.
In CSS editor, it had no effect.
I tried clearing the Custom CSS box completely (as you have it). Didnt work.
Can you tell me what I may be doing wrong please?
Many thanks for your assistance.
Jim
...

Hi Jim,

You have to add the custom CSS codes to the widget Custom CSS area. The CSS area in the widget is different from the one in the form designer and form styles tab.

1. Click on the widget and run the wizard by clicking the "wand" icon:

2. In the widget wizard popup, navigate to the bottom part and insert the CSS codes in the Custom CSS area, please take a look at the following screenshot:

Does it make sense now? Let us know if you need any further assistance.

Thank you!

And by the way, don't forget to append !important at the end of the custom CSS. 

!important will give the targeted element precedence over any CSS styling that targets the same element in the form.

Thank you!

Doh! I realised this after sending the email.
Thank you!
Jim
...

That's great to know! Let us know if you need any further assistance.

Thank you! ;)