Árvore de páginas

Versões comparadas

Chave

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

...

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.

Image Modified


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.

Image Modified


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.

Image Modified


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.

...

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 da 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 a o widget estará disponível para ser adicionadas 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.