Como posso incorporar a tabela HTML no meu aplicativo?

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:

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 ?

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?

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! ✨

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

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.

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

Atenciosamente,

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.

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.

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.

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,

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.

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,

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 ?

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.

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

Atenciosamente,

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.

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:

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.

Excelente,

Meu muito obrigado a essas dois brazucas duca !

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