How to make the Form responsive in mobile phones?

  • Profile Image
    Bhaplicativos
    Asked on August 20, 2019 at 07:06 PM

    Olá,

    Como fazer o ajuste individual dos campos de forma que fique alinhados também no celular "modo responsivo"?

    No computador está ficando, mas quando abro o link do formulário no celular esta tudo desordenado como pode ser visto no print.

  • Profile Image
    roneet
    Answered on August 20, 2019 at 09:08 PM

    When I tested on iPhone, the fields Gas, UN, Valor is appearing 3 lines. Do you want them to be aligned in a single line or just want the width of the Valor text to be as same as the UN field?

    15663496981.PNG

    We can inject custom CSS to make the field align in a single line or reduce the width of the Valor field.

    I could not replicate the above as shown in your screenshot. May we know in which phone are you trying?

    Looking forward to your response.

    Thanks.

  • Profile Image
    Bhaplicativos
    Answered on August 20, 2019 at 09:48 PM

    Sim, quero alinhar os campos em uma única linha e reduzir a largura dos campos.

    Poderia me ajudar criando um codigo CSS personalizado.

  • Profile Image
    roneet
    Answered on August 20, 2019 at 10:53 PM

    Let me try this and get back to you in some time.

    Thanks.

  • Profile Image
    Bhaplicativos
    Answered on August 20, 2019 at 11:00 PM

    Aguardando,

    muito obrigado!

  • Profile Image
    AndrewHag
    Answered on August 21, 2019 at 01:53 AM

    Please try the CSS code below:

    @media screen and (max-width: 480px){

      li[data-type="control_checkbox"]{

        padding-right: 0px !important;

        max-width:100px !important;

      }

     li[data-type="control_dropdown"]{

        max-width: 90px !important;

        padding-right: 0px;

      }

      select[data-component="dropdown"]{

        width: 70px !important;

      }

      li[data-type="control_calculation"]{

        padding-right: 0px !important;

        max-width: 80px !important;

      }

    }

    1566366774The Easiest Online Form Builde