Alter width of text box within table

I have a form with three columns created with matrix.

A reference number in column 1.

A space to enter a date in column 2.

A space to enter a description of an activity undertaken on that date in column 3.

I am not able to understand how to increase the width of the text box in column 3.

Can anyone assist me please?

And a second question.

Am I able to copy this into a larger form, which does not have any other tables in it?

thanks in anticipation!

Hi,

You can do that by adding this custom CSS code in your CSS tab in the Form Designer Tool:

#cid_1 > table > tbody > tr > td:nth-child(3) > input {

    width: 70% !important;

}

You can adjust the value of the width with your own preference.

Let us know if that works.

thanks Charlie for your response.

I have pasted the CSS code, and can see in my trial form that I can make the activity section larger, but how to make the space between the two columns smaller?

also, how can I do this within a larger form, where the need for the table is only in some sections, will it similarly work there?

thanks

Kindly try the following CSS snippet

.form-matrix-column_0 {
    width : 60px !important;
}

the zero denotes the column i.e 0, 1, 2 e.t.c

You can use the CSS in a larger form the #cid_1 will change since it is a unique identifier assigned to a table, this allows you to style specific tables

thanks Sammy,

I am nearly there now, just need to tweek the length of the box so all text is visible on the final form.

appreciate your help

Glad to hear that our suggestions helped. If you need more assistance on this, please let us know.

Thank you.