Como posso incorporar a tabela HTML no meu aplicativo?

  • Profile Image
    melobob
    Asked on March 01, 2021 at 07:49 AM

    Então vamos lá, eu fiz o que você me sugeriu e resolveu o meu problema, mas na sequência surgiu outro e queria ver se você consegue me ajudar nisso também.

    É que eu to querendo usar esse recurso num aplicativo que fiz aqui, mas veja na imagem abaixo como esse relatório aparece na tela do aplicativo:

    1614543872_603bfc00cb500_WhatsApp Image


    E ele não responde bem aos comandos de lupa usando os dedos para ampliar a tela... responde mas com dificuldade.

    Repare que eu to usando o relatório de "listagem em tabela" (grid) porque com o tabela HTML deu a mesma coisa... então tentei esse (grid) pra ver se eu conseguia algum resultado melhor.


    Teria uma forma de acertarmos isso ? Você tem alguma sugestão ?


    Esqueci de dizer que marquei a opção de "auto-fit grid report to window" pra 100px... será que tem a ver ?

  • Profile Image
    Gustavo_H
    Answered on March 01, 2021 at 07:55 AM

    Bom dia, Carlos.


    Entendi o que você fez, você pode me confirmar que incorporou seu relatório grid usando o método IFRAME, como mostrado abaixo?

    1614601949_603cdedd6ec27_


    Pelo que eu entendo, o auto-fit grid vai implementar o tamanho de 100%(que dentro do IFRAME mostra -> width: 100%), isso pode causar um problema já que no celular a tela é mais pequena e isso impede que o grid tome um tamanho maior que se ajuste a esse tipo de tela, gostaria de te pedir dois testes:

    1. Incorporar seu grid ou a tabela HTML novamente usando o método IFRAME destacado acima depois de criar sua tabela selecionando apenas a opção de proteção com senha(sem auto-fit grid e outros);
    2. Incorporar seu grid ou a tabela HTML utilizando o link do relatório, você pode copiar o link abaixo e alterar o ID para o ID do seu relatório. Ou seja trocar o valor 210593337685059 para o ID do seu relatório.
    <script type="text/javascript" 
    src="https://www.jotform.com/grid/210593337685059">

    </script>


    Esperamos sua resposta em relação a esses testes. Como fizemos anteriormente, me ajudaria entender os testes se você pode compartilhar o aplicativo comigo.


    Tenha uma semana maravilhosa! ✨

  • Profile Image
    melobob
    Answered on March 01, 2021 at 09:04 AM

    Beleza meu amigo, com a sugestão do iFrame a coisa deu uma boa melhorada aqui.

    Dá uma olhada nesse vídeo que eu fiz, por favor:

    https://drive.google.com/file/d/1dJAsPsa1Xv_0-7bKjhqTzSZ_eo-bEe8Z/view?usp=sharing


    Se tiver uma forma de melhorar ainda mais, eu aceito... rs

  • Profile Image
    Gustavo_H
    Answered on March 01, 2021 at 11:01 AM

    Olá, novamente , Carlos.


    Muito obrigado pelo seu vídeo, sim, notei que melhorou bastante, e que seria um bom "plus" se as letras fossem maiores, por exemplo. Como você pode ver no IFRAME de exemplo abaixo, temos a possibilidade de adicionar inline CSS dentro da propriedade style. Creio que você pode tentar adicionar o cógido font-size:16px !important dentro do style, como está abaixo.

    <iframe src="https://jotform.com/grid/210593337685059" frameborder="0" 
    style="width: 100%; height: 100%; min-height: 500px; border:none; font-size:16px !important" 
    scrolling="auto">

    </iframe>


    Infelizmente, testei aqui usando um site simples e não consegui alterar o tamanho da fonte, nem aplicando código CSS externo para o IFRAME. Creio que vale a pena tentar, mas posso te garantir o resultado.

    Um contorno poderia ser, e não sei se isso é possivel no seu criador de aplicativo, criar uma página restrita com senha e incorporar nesta página sua JotForm Tabela pública usando também o IFRAME.

    1614614448_603d0fb0de683_


    Nos deixe saber se algumas dessas opções te ajudou.


    Atenciosamente,

  • Profile Image
    melobob
    Answered on March 01, 2021 at 01:26 PM

    Oi Gustavo,

    então, eu adicionei o cógido font-size:16px !important dentro do style e parece que não mudou nada, o que eu notei que mudou foi o tamanho do quadro que pede a senha, isso realmente aumentou de tamanho, mas dentro da página não.

  • Profile Image
    Gustavo_H
    Answered on March 01, 2021 at 03:12 PM

    Olá, Carlos. Muito obrigado pelo retorno e teste.


    Sim, creio que não seja possível porque o código CSS dos elementos dentro da tabela do IFRAME vem de um arquivo externo. Acabei de reiniciar meu localhost e vou fazer um teste para ver se seria possível fazer isso com a tabela HTML. Retorno a você em alguns minutos com o resultado desse teste.


    Gostaria de saber se tu analisou a possibilidade de implementar uma página do aplicativo protegida com senha e nesta página incorporar sua JotForm Tabela. O contorno mostrado no GIF da resposta anterior.


    Em alguns minutos retorno com atualizações do meu teste.

  • Profile Image
    Gustavo_H
    Answered on March 01, 2021 at 03:31 PM

    Olá, novamente, Carlos.


    Testei aqui com a tabela HTML e também não pude aumentar a fonte, a alteração de fonte é aplicada para a página de senha mas não a tabela em si, já que na verdade, a tabela é gerada depois com um script externo e sobrescreve o código anterior. Entretanto, notei uma diferença positiva no forma que os dados são apresentados com a tabela HTML, te convido a fazer um relatório de teste com o HTML e incorporar no seu aplicativo usando novamente o método IFRAME, talvez atenda melhor suas necessidades.

    1614630522_603d4e7ad44ec_


    Nos informe se esse contorno seria suficiente para você. Também podemos levar o caso como uma sugestão de nova funcionalidade a nossa equipe back-end.


    Atenciosamente,

  • Profile Image
    melobob
    Answered on March 03, 2021 at 06:02 AM

    Oi Gustavo, só pra te atualizar aqui que só estou aguardando o retorno do cliente dono do app que estamos desenvolvendo... tem uns dias que ele tá sumido.

    Assim que ele aparecer a gente dá continuidade aqui.

    Obrigado por enquanto pela sua valiosa atenção.

  • Profile Image
    Gustavo_H
    Answered on March 03, 2021 at 11:07 AM

    Olá, Carlos.


    Nos que agradecemos pela sua paciência e colaboração nos testes. Sem problemas, assim que quiser, nos contate aqui, neste chamado. Estaremos à disposição.


    Atenciosamente,

  • Profile Image
    melobob
    Answered on March 03, 2021 at 05:08 PM

    Oi Gustavo, o cliente apareceu e eu testei o sua última sugestão, a tabela em HTML usando o código iFrame e sim, parece bem mais ampliado e de melhor visibilidade. Acho que vou ficar com isso.


    Só uma coisa, mudar aquelas palavras na seção de senha para o português sem chance, né Gustavo ?

  • Profile Image
    melobob
    Answered on March 03, 2021 at 05:14 PM

    Só mais uma pergunta que esqueci no post acima, se eu quiser usar uma das modalidades da seção de respostas, com qual delas o usuário do app pode editar o formulário, tal como ocorre com essa opção de relatórios, que a gente tem esse opção no link de edição que vai lá no fim ?

  • Profile Image
    Gustavo_H
    Answered on March 04, 2021 at 08:51 AM

    Olá, Carlos.


    Sua pergunta sobre a tradução da página que pede a senha foi movida para esse novo chamado. Não é possível fazer isso por agora, portanto, vou levar isso como uma sugestão aos nossos programadores. Muito obrigado.


    Em relação a sua última pergunta, você gostaria de ter um link para editar o envio ou o formulário em si? Não entendi muito bem, note que é possível habilitar a opção abaixo para incluir o link(URL) de edição do envio no final da sua tabela.

    1614865617_6040e4d10c78a_

    1614865738_6040e54a1ab0e_


    Se não for isso que você precisa, por favor, nos dê mais detalhes.


    Atenciosamente,

  • Profile Image
    melobob
    Answered on March 04, 2021 at 11:58 AM

    Tá, deixa eu explicar melhor.

    Nós estivemos trabalhando até aqui com a seção de "Relatórios", no qual eu achei razoável utilizar a opção Lista em tabela HTML, correto ? Isso porque eu perguntei lá no post inicial como eu poderia conseguir habilitar senha para o usuário acessar o modo inbox da seção de "Respostas", no que se seguiu a sua sugestão de eu utilizar a seção "Relatórios", pois lá é possível habilitar campo de senha.

    Bom, ocorre que eu consegui uma forma na programação do aplicativo pela qual o usuário não precise mais usar a senha e, então, eu agora posso usar a seção de "Respostas" (modo inbox), pois essa não pede senha caso eu coloque o acesso como público.. Acontece que eu não encontrei uma opção de incorporar um link de edição das respostas, assim como tem na seção "Relatórios", e é essa a minha atual dúvida e necessidade: como faço para permitir que o usuário do app possa editar as respostas. Não precisa ser exatamente com a opção inbox.


  • Profile Image
    Eduardo_H
    Answered on March 04, 2021 at 04:54 PM

    Olá, @melobob

    A edição das respostas é possível através da página Tabelas

    Você pode acessá-la pelo menu do canto superior esquerdo:

    1606598759_5fc2c0672146e_Screenshot(2).p

    Para editar uma resposta, basta clicar em qualquer entrada e alterá-la, como em uma planilha comum. O salvamento é feito de forma automática.

    Para outros usuários além do criador do formulário possam editar as submissões, por favor confira o guia abaixo (em inglês):

    Guide: How-to-share-your-jotform-tables-and-collaborate

    Espero ter ajudado. Seguimos à disposição.

  • Profile Image
    melobob
    Answered on March 06, 2021 at 02:29 PM

    Excelente,

    Meu muito obrigado a essas dois brazucas duca !

    Tudo certo com isso aqui, meus caros... estou satisfeito.