Estrutura Formulário Google Apps Script de Relatório - Planilha Google - Aula 02

Estrutura Formulário Google Apps Script de Relatório - Planilha Google - Aula 02 Nesta aula vamos continuar o desenvolvimento do formulário de relatório beleza pessoal então vamos para o editor de script no editor acessem o arquivo no relatório ponto HTML e dentro do corpo do formulário Primeiro passo é inserir uma Label e depois inserir um objeto select para a lista de ano.

Estrutura Formulário Google Apps Script de Relatório - Planilha Google - Aula 02

Então menor objeto Label e de igual e abre e fecha aspas duplas eu vou chamar está lá Fora as duplas maior e aí vem o caption da Label ano para fechar a Label menor para Label e fecha com o maior próximo passo é definir o estilo desta lei.

Podem copiar o id e acessar o arquivo estilo relatório deixa eu dar uma ajustada nisso estou aqui eu vou colocar bem à esquerda E depois me definir o estilo do corpo do formulário vocês vão colocar jogo da velha e cola o ID da Label e abre e fecha a chave e dentro das chaves comando position dois pontos Absolut e ponto e vírgula.

Distância do Topo dois pontos 10 pixels e vírgula distância da esquerda dois pontos 65 pixels e ponto e vírgula definimos o estilo da leibol Já podemos voltar para o arquivo relatório e agora nós vamos inserir um objeto select menor objeto.

E de igual e abre e fecha aspas duplas Eu Vou Chamar esse objeto de ano fora das aspas duplas clash igual e abre e fecha aspas duplas e dentro das aspas duplas o comando browser traço default fora das raspas duplas maior abrimos o selection precisamos fechar então menor barra select e fecha com o.

Maior próximo passo é colocar as options primeiro nós vamos inserir uma option de instrução então menor objeto option valor igual a vazio e esta option usuário não vai conseguir selecionar então comando desabler selected maior e aí vem o texto da.

Option eu vou colocar escolha um ano para fechar a option e fecha com o maior prosseguindo eu preciso também ter uma option vazia então menor objeto option maior e para fechar a option menor para option e fecha com o maior para as demais options podemos reaproveitar esta linha de código copia e cola e agora.

Entre o maior e menor nós vamos colocar o ano eu vou começar pelo ano de 2023 podem Copiar esta linha e agora vai ser 2024 2025 na sequência 2027 agora 2028 eu vou colocar 10 anos 2029.

2030 agora vai ser 2031 2032 2033 já está bom ok colocamos as options agora nós precisamos definir o estilo do objeto select.

Podem copiar o id e acessar o arquivo de estilo subir para facilitar a visualização coloca um jogo da velha contra o v e abre e fecha as chaves e dentro das chaves comando position e ponto e vírgula largura do objeto comando 120 pixels ponto e vírgula altura comando rege dois pontos 25.

Pixels ponto e vírgula distância do Topo 2 pontos 30 pixels ponto e vírgula distância da esquerda comando leste 2 pontos 20 pixels ponto e vírgula definimos o estilo do objeto select ano próximo passo é inserir um objeto select para a lista de meses então de volta no arquivo relatório agora nós vamos.

Reaproveitar os códigos do objeto select ano inclusive a Label podem selecionar os códigos e colar logo abaixo e esta lei bom eu vou chamar de labelmes e este objeto selection vai ser o objeto selects opa Na Label eu preciso alterar o caption também agora vai ser mês option da instrução.

Veja Também:

    Escolha um mês e a lista de meses nós vamos inserir

    Também direto no código então nesta option vai ser Janeiro depois vem em fevereiro na sequência Março depois de Março é Abril Abril depois de Abril é Maio para não apagar os maiores Abril.

    Depois de Maio eu tenho Júnior Júnior depois de junho é Júlio agosto outubro Novembro vamos copiar mais uma option para o dezembro.

    Dezembro beleza ajustamos as options próximo passo é definir o estilo da Label e também do objeto select podem copiar o ID da Label e acessar o arquivo de estilo coloca no jogo da velha contra o v e abre e fecha as chaves para facilitar nós podemos copiar os códigos da Label ano.

    Lei bom nesse nós vamos ajustar apenas a distância da esquerda para 200 pixels e volta no arquivo relatório agora vocês vão copiar o ID do objeto select e a volta no arquivo de estilo coloca o jogo da velha contra o v e abre e fecha as chaves vocês vão copiar os códigos do objeto select ano.

    Copia e cola no objeto select mês e aí nós vamos ajustar a largura para 125 pixels altura continua igual a distância do Topo igual Mas a distância da esquerda agora vai ser 150 pixels salva as alterações e vamos testar para ver se estes objetos estão posicionados corretamente.

    Show de bola galera tudo ok por enquanto podem fechar o formulário voltar no editor arquivo relatório ponto HTML e podem copiar desde a lei Bom mês até o select que agora nós vamos inserir um objeto select para a lista de linhas Então esta Label eu vou chamar de Label labelline vai ser linha.

    E dedo objeto selection linha texto da optil na instrução nós vamos colocar escolha uma linha e agora estas options vocês podem deletar porque a lista de linhas nós vamos carregar via códigos inserimos os objetos próximo passo é definir o estilo de cada objeto começando pela lei.

    Podem copiar o id e acessar o arquivo de estilo coloca um jogo da velha contra o vento e abre e fecha as chaves vocês vão copiar os códigos da Lei Bom mês e cola position Absolute distância do Topo igual apenas a distância da esquerda que.

    Agora vai ser 350 pixels arquivo relatório objeto select linha copia o ID volta no estilo coloca jogo da velha contra o vento e abre e fecha as chaves e podem copiar os códigos do objeto select mês copia e cola dentro do objeto select linha.

    Largura agora nós vamos aumentar um pouco para 180 pixels

    Altura continua igual mesmo a distância do Topo distância da esquerda eu vou colocar 285 pixels definimos o estilo de mais um objeto select agora nós precisamos de um objeto select para a lista de produtos.

    Então acesse o arquivo relatório e podem copiar desde a lei bolinha até fechar o select copia e cola e instaleibol nós vamos chamar de Label produto e o caption vai ser produto e dedo objeto selection vou chamar de produto.

    Texto da option de instrução vai ser escolha um produto Ok inserimos os dois objetos precisamos definir o estilo de cada um copia o ID da Playboy e acesso ao arquivo de estilo coloca o jogo da velha contra o vento e abre e fecha as chaves e podem copiar os códigos da Lei bolinha.

    Pia e cola na lei do produto distância do Topo continua igual vai mudar apenas a distância da esquerda agora vai ser 555 pixels de volta no relatório copia o ID do objeto select arquivo de estilo coloca o jogo da velha contra o v e abre e fecha as chaves.

    Podem copiar os códigos do objeto select linha vamos ver o que que nós vamos ajustar o produto eu vou aumentar um pouco a largura para 200 pixels altura continua igual mesma distância do Topo distância da esquerda vai ser 475 pixels Beleza agora nós vamos inserir um objeto select para a lista de clientes.

    Aqui o relatório podem copiar desde a lei do produto até fechar o select agora eu vou chamar o cliente vai ser cliente e d do objeto selection cliente texto da options.

    Ok inserimos os objetos agora Vamos definir o estilo de cada objeto começando pela Label copia o ID da Label arquivo de estilo coloca um jogo da velha contra o v e abre e fecha as chaves Copie os códigos da lei do produto coloca na Label cliente nós vamos ajustar a distância da esquerda para.

    760 pixels e volta no arquivo relatório pega o ID do objeto select arquivo de estilo jogo da velha contra o vento e abre e fecha as chaves podem copiar os códigos do objeto select produto e colocar no objeto select cliente largura eu vou colocar.

    190 pixels altura distância do Topo continua a mesma distância da esquerda 685 pixels salva as alterações e vamos fazer um teste para ver se está tudo ok show de bola galera está posicionado corretamente cada objeto agora nós precisamos de mais uma lista suspensa para a lista de vendedores.

    Podem fechar o formulário volta no editor arquivo relatório podem copiar desde a lei do cliente até fechar o select colabom alterar para Label agora vai ser a lista de vendedor ID do objeto selection vendedor.

    Texto da option de instrução vai ser escolha um vendedor inserimos os dois objetos agora Vamos definir o estilo de cada objeto copia o ID da Label arquivo de estilo coloca o jogo da velha contra o v e abre e fecha a chave podem copiar os códigos da Lei ou cliente colar na Label vendedor.

    nós vamos ajustar a distância da esquerda para 950 pixels arquivo relatório pega o id o objeto select vendedor volta no estilo coloca o jogo da velha contra o vento e abre e fecha Chaves podem copiar os códigos do objeto select leant colar no objeto select vendedor.

    Largura 180 pixels e a distância da esquerda agora vai ser 885 pixels agora nós vamos inserir um objeto select para a lista de Estados então arquivo relatório podem copiar desde a lei bom vendedor até fechar o select e esta Label eu vou chamar de Label estado.

    E o capitão vai ser estado e dedo objeto selection texto da option escolha um estado podem copiar o ID da Playboy e acessar o arquivo de estilo coloca o jogo da velha contra o v e abre e fecha as chaves.

    Podem copiar os códigos da Label vendedor e colocar na Label estado e a Lei vou testado vai ficar a 100 pixels da esquerda no entanto Agora eu preciso alterar também a distância do Topo para 60 pixels arquivo relatório e o ID do objeto select arquivo de estilo coloca jogo da velha contra o v e abre e.

    Fecha a chave podem copiar os códigos do objeto select vendedor cola no objeto select estado ok a altura também distância do Topo agora eu vou alterar para 80 distância da esquerda para 20 pixels agora nós precisamos de um objeto select para a lista de cidades.

    Então arquivo relatório podem copiar desde a Label status até fechar o select e esta Label nós vamos chamar de Label cidade e o caption vai ser cidade e dedo objeto cidade texto da option escolha uma cidade.

    Agora precisamos definir o estilo começando pela lei porque o ID arquivo de estilo coloca no jogo da velha contra o v e abre e fecha Chaves e podem copiar os códigos na labelstar copia cola na lei Mocidade e agora nós vamos ajustar deixa-me ver apenas a distância da esquerda.

    Volta no arquivo relatório pega o ID do objeto select de volta no arquivo de estilo coloca o jogo da velha contra o v e abre e fecha as chaves e podem copiar os códigos do objeto select estado copia e cola no objeto select cidade largura Ok altura também distância do topo ok mas a distância da esquerda.

    Agora vai ser 210 pixels Beleza agora pessoal nós precisamos inserir um objeto select para o status então aqui vou relatório podem copiar desde a lei velocidade até fechar o select e esta lei bom vai ser a nossa lei status e o caption nós vamos alterar para.

    Status e dedo objeto selection status texto da option de instrução vai ser escolha um status e como são apenas duas opções nós vamos inserir direto no código no entanto além das duas opções eu preciso inserir também uma ótima vazia então menor objeto option maior menor.

    Barra option para fechar o objeto podem Copiar esta linha de código na próxima option nós vamos colocar finalizado podem Copiar esta Option e esta option vai ser a opção pendente próximo passo é definir o estilo da Label e também do objeto Celeste podem copiar o ID da Label e acessar o arquivo de estilo.

    Coloca um jogo da velha contra o v e abre e fecha a chave e podem copiar os códigos da lei copia e cola na Label status e agora pessoal nós vamos ajustar vai ser apenas a distância da esquerda que agora vai ser 450 pixels.

    Arquivo relatório copia o ID do objeto select arquivo de estilo coloca um jogo da velha contra o vento e abre e fecha a chave e podem copiar os códigos do objeto select cidade colar no objeto select status largura vou colocar 135 pixels.

    Altura ok distância do topo ok distância da esquerda vai ser 400 pixels salva as alterações e vamos testar para ver se vai estar tudo ok show de bola pessoal inserimos todos os objetos de lista suspensa no nosso formulário agora nós vamos fazer o.

    Seguinte colocar mais uma Label e uma dívida onde nós vamos colocar a soma referente a quantidade podem fechar o formulário voltar no editor e acessar o arquivo de relatório depois do objeto select nós vamos inserir mais uma lei para facilitar podem copiar a Label status copia Cola depois do select e esta lei.

    Bom nós vamos chamar de Label e o capitão vai ser Total qtd total que TD inserimos a Label agora nós vamos inserir uma dívida então menor objeto diver e de igual e abre e fecha aspas duplas e esta vai ser a diva que TD.

    Fora das aspas duplas maior abrimos a divi precisamos fechar então menor barra Dive e fecha com o maior próximo passo é definir o estilo de cada objeto podem copiar e acessar o arquivo de estilo coloca o jogo da velha contra o vento e abre e fecha as chaves e podem copiar os códigos da Label status.

    Copia e cola na Label qtd e a distância da esquerda agora vai ser 580 pixels arquivo relatório copia o ID da div volta no estilo coloca um jogo da velha contra o v e abre e fecha a Chaves e agora nós vamos digitar os códigos porque vai ser diferente então comando position dois.

    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=WkCnBftf4GI

Postar um comentário

Postagem Anterior Próxima Postagem