O campo de Enviar Arquivo não está responsivo.

  • Profile Image
    View_Out
    Perguntado em 24 de setembro de 2025 às 13:40
    agora é a parte de enviar um arquivo que está fora de responsividade, não funciona!
    conforme o printFalta de responsividade em formulários no celular Xiaomi Redmi 14C Image 1 Screenshot 20 Screenshot 10
  • Profile Image
    Kyle Jotform Support
    Respondido em 24 de setembro de 2025 às 16:10

    Hi View_Out,

    Thanks for reaching out to Jotform Support. Our Portuguese Support agents are busy helping other Jotform users right now, so 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, it might take a while until they're available again.

    Now, coming back to your question, I cloned your form and tested it to see if I could replicate the issue, but everything was working properly. Check out the screencast below to see my results:

    O campo de Enviar Arquivo não está responsivo Screenshot 20

    Can you go ahead and try it again and let us know how it goes? If you’re still having the same issue, we’ll look into it more to see if we can figure out what’s going on.

    Give it a try and let us know if you have any other questions.

  • Profile Image
    View_Out
    Respondido em 24 de setembro de 2025 às 16:56

    Olá! eu injetei o css e deu certo

    porém esse problema do campo de enviar arquivo acontece em alguns aparelhos de celular como o redmi note 14c
    então gostaria de saber o que poderíamos fazer para isso não acontecer
    pois está acontecendo em mais de um formulário além do da lipex do rj

    tem outros formulários com esses problemas

  • Profile Image
    Kyle Jotform Support
    Respondido em 24 de setembro de 2025 às 17:26

    Hi View_Out,

    Since you’re already using the File Upload element but still experiencing issues only on Xiaomi Redmi Note 14C, this is likely related to device or browser compatibility. Can you try testing your forms on different browsers like Google Chrome and Firefox to see if the problem is browser-specific? Make sure that the browsers and device are up-to-date as well.

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

  • Profile Image
    View_Out
    Respondido em 25 de setembro de 2025 às 08:48

    está tudo atualizado, o problema está sendo relatado por outros usuários além do xiaomi agora.
    com a injeção do css deu certo na parte de organizar os campos dos formulários


    O campo de Enviar Arquivo não está responsivo Screenshot 30O campo de Enviar Arquivo não está responsivo Screenshot 41

  • Profile Image
    Eduarda Jotform Support
    Respondido em 25 de setembro de 2025 às 09:43

    Olá View_Out,

    Você poderia testar este outro código? Se possível, tente validar como ele se comporta no Xiaomi Redmi 14C. É fácil configurar, deixe-me te mostrar como:

    1. Primeiro, copie este código:

    .form-single-column .form-radio-item,
    .form-single-column .form-checkbox-item {
      display: flex !important;
      align-items: center !important;
      width: 100% !important;
      margin: 10px 0 !important;
    }

    .form-radio-item label,
    .form-checkbox-item label {
      white-space: normal !important;
      line-height: 1.5 !important;
      font-size: 15px !important;
      flex: 1 !important;
    }

    .form-radio,
    .form-checkbox {
      transform: scale(1.4); 
      margin-right: 10px !important;
    }

    .form-all .qq-upload-button,
    .form-all input[type="file"] {
      width: 100% !important;
      max-width: 100% !important;
      padding: 14px 12px !important;
      font-size: 15px !important;
      border: 1px solid #ccc !important;
      border-radius: 6px !important;
      background: #f8f8f8 !important;
      color: #333 !important;
      text-align: center !important;
      cursor: pointer !important;
      box-sizing: border-box !important;
    }

    .qq-upload-list {
      white-space: normal !important;
      word-break: break-word !important;
      max-width: 100% !important;
      font-size: 14px !important;
    }

    .form-submit-button,
    .form-submit-reset,
    .form-submit-print {
      width: 48% !important;       
      max-width: 48% !important;
      font-size: 16px !important;
      padding: 12px !important;
      border-radius: 6px !important;
      margin: 4px 1% !important;
    }

    @media (max-width: 480px) {
      .form-radio-item,
      .form-checkbox-item {
        padding-right: 0 !important;
      }
      .form-line {
        padding: 8px 12px !important;
      }
      .form-submit-button,
      .form-submit-reset,
      .form-submit-print {
        width: 100% !important;   
        max-width: 100% !important;
        margin: 6px 0 !important;
      }
    }


    2. No Construtor de Formulários, clique no ícone do Rolo de Pintura no lado direito da página para abrir o Designer de Formulários.

    3. Agora, no menu do Designer de Formulários, clique na aba Estilos, role a tela para baixo e cole o código na caixa Injetar Código CSS. Pronto. O código será salvo automaticamente.

    O campo de Enviar Arquivo não está responsivo Screenshot 20 Entre em contato novamente se houver algo mais que possamos fazer por você.

Your Reply