Como ajustar o widget Tabela de Entrada ao formulário?

  • Mejia_Milhena
    Asked on June 28, 2024 at 11:05 AM

    bom dia, como eu faço para alinhar a tabela de entrada ao tamanho da widget? eu consegui mexer na cor de fundo, mas nao to conseguindo alinhar as linhas x colunas ao tamanho do formulario, gostaria que elas estivessem distribuidas de acordo com o tamanho do form e centralizadas.


    Como ajustar o widget Tabela de Entrada ao formulário? Image 1 Screenshot 30Como ajustar o widget Tabela de Entrada ao formulário? Image 2 Screenshot 41

  • Gian_D JotForm Support
    Replied on June 28, 2024 at 11:08 AM

    Hi Milhena,

    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.

    As for your question, can you send us the link to your form for us to investigate it further?

    Once we hear back from you, we'll be able to help you with this.

  • Mejia_Milhena
    Replied on June 28, 2024 at 1:42 PM

    Ola, achei que tinha enviado, segue


    https://www.jotform.com/build/241776202355657

  • Royce JotForm Support
    Replied on June 28, 2024 at 2:07 PM

    Hi Milhena,

    I’ll need a bit of time to look into this. I’ll get back to you as soon as I can.

  • Royce JotForm Support
    Replied on June 28, 2024 at 4:52 PM

    Hi Milhena,

    When I cloned and tested your form, the same thing happened for me. After investigating it a bit, I found a solution. It's really easy to fix. Let me show you how to do it:

    1. In Form Builder, click on the Paint Roller icon on the upper-right part of the screen.

    Como ajustar o widget Tabela de Entrada ao formulário? Image 1 Screenshot 40

    2. Click on the Styles tab next to the Colors tab.

    Como ajustar o widget Tabela de Entrada ao formulário? Image 2 Screenshot 51

    3. Scroll down, copy the code below and paste it into Inject CSS Code field.

    /*To adjust the input table's width*/
    .form-input-wide {
      margin: 0;
      display: table;
    }
    .form-input-wide table {
      margin: 0;
      width: 850px;
    }
    /*End here*/


    Como ajustar o widget Tabela de Entrada ao formulário? Image 3 Screenshot 62

    That's it. Let us know if you have any other questions.

 
Your Answer