How do I make columns wider in a input table?

  • paulelias
    Asked on June 17, 2020 at 12:55 PM
    How do I make columns wider in a input table please, I want to have the fourth column which is text wider and also have the table fill the full page width ?
  • Kiran Support Team Lead
    Replied on June 17, 2020 at 1:04 PM

    You may add the fourth column to the input table field by adding the header in the Columns section of the input table field properties. Also, change the column type displayed below.

    159241317720200617 222902 Screenshot 10

    You may increase the width of the input table field by adding the following CSS code the form.

    .form-matrix-table {

      max-width: 100%;

    }


    Hope this information helps! 

  • Paul Elias
    Replied on June 19, 2020 at 7:46 AM

    Thanks I managend to increase the width of the table by adding 

    .form-matrix-table {


      max-width: 100%;


    }


    but how do I make individual columns wider within the table ?


    Also in the single choice columns 1 & 2 how can I set it so only one can be selected for example can select Yes but not also No as they must be unique ?


    Thanks


    Paul

  • John Support Team Lead
    Replied on June 19, 2020 at 8:49 AM

    but how do I make individual columns wider within the table ?

    You can target a specific column of the tables by using the INSPECT TOOL of the browser. And from there, you can adjust the width property of that column based on your preference.

    Also in the single choice columns 1 & 2 how can I set it so only one can be selected for example can select Yes but not also No as they must be unique ?

    This isn't possible if you are using MULTI-TYPE Columns. But a workaround for that is to use dropdown instead of a single choice field.