Iniciando Formulário de Gráfico no Google Sheets - Aula 01

Iniciando Formulário de Gráfico no Google Sheets - Aula 01 Nesta aula Vamos iniciar o desenvolvimento do último formulário do nosso projeto que é um formulário de gráfico beleza pessoal então vamos para o editor de script para facilitar nós vamos reaproveitar o formulário de relatório então localizem o arquivo relatório ponto HTML e clica nos três pontos do lado direito do nome do arquivo fazer uma cópia e no final do nosso projeto foi inserido uma cópia do arquivo eu vou chamar este arquivo de gráfico e pressiona a tecla.

Iniciando Formulário de Gráfico no Google Sheets - Aula 01

Enter ou tab na sequência nós vamos copiar o arquivo de estilo clica nos três pontos fazer uma cópia e este vai ser o nosso arquivo estilo estilo gráfico e pressiona a tecla enter ou tab na sequência arquivo relatório traço js ponto HTML fazer uma cópia e este arquivo nós vamos chamar de gráfico traço js e pressiona a tecla enter ou tab e por fim nós vamos fazer uma cópia do arquivo macros relatório ponto gs fazer uma cópia e este arquivo vai ser o nosso arquivo macros gráfico.

E pressiona a tecla e enter ou tab próximo passo é ajustar a função de exibição do formulário nós vamos alterar o nome da função para forme form gráfico feito este ajuste agora nós precisamos alterar o nome do arquivo de exibição onde tem relatório nós vamos colocar o nome do arquivo gráfico renomear copia o nome do arquivo e coloca dentro das aspas duplas próximo ajuste é o título do formulário agora vai ser gráficos e eu vou alterar a altura do formulário eu vou colocar.

Vai ser 480 pixels e aqui também precisa alterar para gráficos feito estes ajustes este arquivo está OK agora nós vamos acessar o arquivo gráfico ponto HTML e nós vamos remover a tabela HTML do formulário e também os botão de comando vamos começar pelos botão de comando podem apagar o btn limpar btn PDF e o btn Excel retiramos Os botão de comando agora precisamos retirar os códigos de definição de estilo dos botão de comando então acessem o arquivo.

Estilográficos e vocês vão procurar pelos códigos de definição de estilo dos botão de comando btn limpar deleta btn PDF deleta também e o btn Excel podem deletar também ok retiramos os códigos de estilo próximo passo é retirar as funções do arquivo gráfico traço JS ligadas aos botão de comando então acessem o arquivo gráfico traço JS e agora nós vamos procurar vamos ver Quais as funções que nós vamos deletar então vai ser esta parte do btn limpar por enquanto pessoal.

Vamos fazer o seguinte já vamos Apagar tudo depois nós fizemos novamente se for preciso a função limpar beleza apagamos a função limpar nós vamos Apagar também a função gerar PDF e também a referência ao botão PDF podem apagar botão Excel também vamos Apagar até antes de fechar o script e no arquivo gráfico ponto HTML agora nós podemos retirar a referência a biblioteca JQuery e aqui pessoal também tem ajustes relacionados aos nomes dos arquivos na função chamar do arquivo.

Gráfico ponto HTML Agora eu preciso acionar o arquivo estilo gráfico ponto HTML renomear copia o nome do arquivo e coloca dentro das aspas duplas e bem no final nós precisamos alterar a referência ao arquivo de script agora vai ser o arquivo gráfico traço JS copia o nome e altera dentro das aspas duplas feito estes ajustes agora nós vamos retirar os códigos da tabela HTML e também da div tabela podem apagar até antes da função chamar apaga esta parte e agora.

Precisamos retirar também os códigos de definição de estilo da tabela HTML então acessem o arquivo estilográfico estilo da tabela então vocês vão apagar desde Tab até antes de caixa msg apaga deixa eu dar uma ajustada beleza feito este ajuste vocês vão acessar o arquivo gráfico traço JS e nós vamos deletar os códigos de classificação da tabela HTML desde a função sort table.

Vai ir até a função Window ponto unload apaga esta parte e nós vamos Apagar também a função gerar tabela cuidem para apagar toda a função vamos selecionando vai ser até antes de fechar o script se vocês fizeram na mesma ordem que eu e podem retirar também a função gerar tabela da função anterior vamos ver o filtro pessoal nós vamos reutilizar no gráfico então podem deixar a função relatório e esta parte onde nós limpamos o corpo da tabela vocês podem remover.

Da função de relatório beleza pessoal acredito que retiramos todos os códigos relacionados à tabela HTML Mas vamos dar uma olhada até o início dos códigos do arquivo vamos ver acredito pessoal que está ok salva as alterações e agora vamos colocar um botão de comando na planilha para acionar o formulário então menu inserir desenho vocês vão acessar o menu forma formas eu gosto de colocar um retângulo redimensiona clica fora seleciona o objeto e.

Clica com o botão direito do mouse editar texto e o título vai ser gráfico clica fora seleciona o botão de comando e clica em mais eu quero em [ __ ] [ __ ] e a cor de preenchimento pessoal do botão de comando eu vou colocar este roxo escuro e a cor do texto vai ser em branco beleza coloquei o botão de comando salvar e fechar coloca o botão de comando onde vocês desejam até ficou um pouco grande o meu botão gráfico deixa eu dar uma ajustada colocado o botão de comando agora.

Precisamos da função de exibição do formulário então acessem o arquivo macros gráfico ponto gs podem copiar o nome da função forme gráfico copia o nome volta na planilha clica nos três pontos do lado direito transferir script cola o nome da função e Ok clicando no botão de comando já está exibindo o formulário de gráficos e olha que show pessoal toda a parte superior do formulário já está ok já temos todos os objetos de lista suspenss funcionando Nós deixamos todas.

Veja Também:

    As funções estado deixa-me ver Rio Grande do Sul show de bola está carregando corretamente agora

    Pessoal eu vou fazer o seguinte alterar a cor de preenchimento do corpo do formulário então podem fechar o formulário voltar no editor e acessar o arquivo estilo gráfico ponto HTML e no início dos códigos tem a referência ao corpo do formulário nós vamos alterar a cor de preenchimento agora vocês vão colocar jogo da velha D 2691 e esta é a definição da cor laranja.

    AVISO LEGAL: Toda a responsabilidade do conteúdo e autoria deste vídeo transcrito, é do produtor do canal. Clique no Link do Vídeo: https://www.youtube.com/watch?v=YfOqWCAOib4

Postar um comentário

Post a Comment (0)

Postagem Anterior Próxima Postagem