TOTVS Fluig

Atalhos

Árvore de páginas

Versões comparadas

Versão antiga 47

changes.mady.by.user Samara Buettgen

Gravado em

comparado com

Nova versão Atual

changes.mady.by.user Samara Buettgen

Gravado em

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.

Índice

Índice
outlinetrue
exclude.*ndice
stylenone


Objetivo do componente

O widget Adicionar ao calendário permite a criação de eventos que, posteriormente, os interessados podem adicionar como um compromisso em seu calendário do Outlook, do Google, da Apple ou Yahoo.


Instalação do componente Adicionar ao calendário

  • Para que esse widget seja exibido na lista de widgets disponíveis para páginas, primeiramente é necessário fazer o download do código-fonte do componente (Add-to-calendar) no diretório público do fluig no Git. 
  • Após acessar o repositório da widget, siga as instruções do README.md para compilar e dar deploy no componente. 


Adicionando o widget em uma página

O passo a passo abaixo demonstra como incluir o widget Adicionar ao calendário em uma página da plataforma.

Deck of Cards
effectDuration0.5
historyfalse
idsamples
effectTypefade
Card
defaulttrue
id1
labelPasso 1


  • Acesse a página em que deseja adicionar o widget de calendário, acione o menu de configuração no canto superior direito e selecione a opção Editar página.


Card
id2
labelPasso 2


  • Selecione algum slot da página em edição e acione Adicionar uma nova widget.


Card
id3
labelPasso 3


  • No painel de seleção de widgets, navegue até a opção Adicionar ao calendário, localizada em Personalizado → Fluig Store → Adicionar ao Calendário, e acione Adicionar.


Card
id4
labelPasso 4


  • Após a inclusão do widget no slot, preencha os dados do evento e acione Salvar. Os campos Nome do evento, Início e Término são obrigatórios.


Card
id5
labelPasso 5


  • Após salvar as alterações no widget, acesse o menu de configuração no canto superior direito e selecione a opção Publicar página.


Card
id6
labelPasso 6


  • Após a publicação da página, será possível visualizar o widget e se desejado ,escolher um dos tipos de calendário para incluir o evento.

Alterações para o widget Adicionar ao calendário

Para ter acesso ao código fonte do componente e efetuar alterações no widget padrão conforme as necessidades da sua empresa, siga os passos descritos abaixo.

Informações
titleAtenção

Caso deseje utilizar o componente padrão e não tenha interesse em personalizá-lo, o procedimento abaixo não é necessário.

Deck of Cards
effectDuration0.5
historyfalse
idsamples
effectTypefade
Card
defaulttrue
id1
labelPasso 1



Card
id2
labelPasso 2


  • No repositório do sample-fluigaddtocalendar, selecione a opção Download no menu lateral esquerdo e efetue o download na pasta de sua preferência.




Card
id3
labelPasso 3


  • Efetuado o download do sample-fluigaddtocalendar, acesse o fluig Studio, acione a opção File → Import, no menu superior esquerdo.


Card
id4
labelPasso 4


  • Selecione a opção General → Existing Projects into Workspace.


Card
id5
labelPasso 5

  • Selecione a opção Select archive file acione a opção Browse... e em seguida navegue até o local onde está localizado o arquivo: sample-fluigaddtocalendar-master.zip baixado no Passo 2, em seguida acione o botão Abrir.


Card
id6
labelPasso 6

  • Para finalizar a importação acione o botão Finish.


Card
id7
labelPasso 7

  • Após a finalização da importação do Projeto para o fluig Studio navegue até a raiz do Widget, fluigStudio > wcm > widget > AddThisEvent e selecione a raiz com o botão direito e acione a opção Export.



Card
id8
labelPasso 8

    • Selecione a opção Fluig > Exportar para o servidor Fluig.



Card
id9
labelPasso 9

    • Selecione o Servidor desejado e acione a opção Finish, após a finalização o widget estará disponível para ser adicionados nas páginas do WCM.

    • * Caso não tenha um servidor cadastrado no seu fluig Studio, siga esse tutorial: Cadastrando servidor fluig no Studio.