Ajuste a coluna dos campos da tabela de entrada utilizando CSS.

  • svvdivsmlciavex
    Asked on July 24, 2024 at 10:08 AM

    Olá.

    Estou fazendo um formulário para avaliação de trabalhos. Dessa forma cada avaliação é uma tabela onde na primeira coluna é o "Insuficiente", na segunda o "Suficiente" e na terceira um campo de "observações". Nesse último o avaliador coloca seus comentários sobre a execução da tarefa. Assim, meu formulário consta de 13 tabelas que seguem esse mesmo formato.

    O meu problema reside no fato de não conseguir ajustar o tamanho da última coluna ("observações"), uma vez que as duas primeiras colunas só recebem um "check" e a última coluna é onde vai todos os comentários escritos.

    É possível ajustar o tamanho da última coluna?

    O recurso utilizado foi a "tabela de entrada", nos campos dela foi inserido "colunas multitipos" na parte de "tipo de dados". A primeira e a segunda coluna foi do tipo "checkbox column" e a terceira foi "textbox column".


    Desde já, muito obrigado

    Jotform Thread 17221371 Screenshot
  • Kyle JotForm Support
    Replied on July 24, 2024 at 1:32 PM

    Hi svvdivsmlciavex,

    Thanks for reaching out to Jotform Support. Unfortunately, our Portuguese Support agents are busy helping other Jotform users at the moment. I'll try to help you in English using Google Translate, but you can reply in whichever language you feel comfortable using. Or, if you'd rather have support in Portuguese, let us know and we can have them do that. But, keep in mind that you'd have to wait until they're available again.

    Now, let me help you with your question. Let's inject a Custom CSS code into your form and resize the "observations" column of the Input Table fields. Let me show you how:

    1. Copy the CSS code below:
    }
    /* Adjust the width of the Observations column */
    .form-matrix-column_2 {
        min-width: 200px !important; /* Adjust the width as needed */
    }

    2 . Choose the Paint Roller icon located in the top-right corner of the Form Builder.

    3 . Navigate to Styles at the top of the Form Designer window on the right.

    4 . Under Inject Custom CSS, enter your code; all modifications are automatically saved. Ajuste a coluna dos campos da tabela de entrada utilizando CSS Screenshot 20

    Give it a try and let us know if you need any help.

  • svvdivsmlciavex
    Replied on July 25, 2024 at 1:04 PM

    Your support was pretty awesome.

    It was easy to apply and very effective.

    Thanks a lot

Your Answer