...

Objetivo do componente

Criar e divulgar eventos ficou muito mais fácil: os convidados podem adicioná-lo à sua agenda(Google, Outlook, Apple e Yahoo) com apenas um clique. Basta instalar o componente de calendário do fluig, disponível na fluig Store.

Instalação do componente de calendário

• Acesse a fluig Store. Adquira o componente desejado.
• Após receber o arquivo do componente, instale o mesmo na plataforma seguindo o procedimento de instalação da página Central de Componentes.
  

Adicionando a widget "Adicionar ao calendário" em uma página

...

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
effectDuration 0.5 history false id samples effectType fade
Card default true id 1 label Passo 1   Acesse a página em que deseja adicionar a o widget de calendário, acione o menu de configuração no canto superior direito e selecione a opção Editar página. Image RemovedImage Added   Card id 2 label Passo 2 Selecione algum slot da página em edição e adicione acione Adicionar uma nova widget a ele. Image RemovedImage Added Card id 3 label Passo 3   Na página No painel de seleção de widget widgets, navegue até a opção Adicionar ao calendário localizado , localizada em Personalizado > → Fluig Store > → Adicionar ao Calendário, e acione o botão Adicionar. Image RemovedImage Added   Card id 4 label Passo 4 Após a inclusão da do widget no slot, preencha os dados do evento e acione o botão salvar Salvar. Os campos Nome do evento, Início e Término são obrigatórios. Image Modified Card id 5 label Passo 5   Após salvar as alterações na no widget, acesse o menu de configuração no canto superior direito e selecione a opção Publicar página. Image Removed Image Added   Card id 6 label Passo 6 Após a publicação da página, será possível visualizar a Widget, agora basta o widget e se desejado ,escolher um dos tipos de calendário para adicionar incluir o Eventoevento. Image Modified

...

Alterações para

...

o widget Adicionar ao calendário

...

...

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

Informações
title Atenção
Caso você  já acessou instalou deseje utilizar o componente da fluig Store conforme procedimento descrito acima e não deseja alterar nada no componente para sua plataforma o procedimento a seguir não se faz padrão e não tenha interesse em personalizá-lo, o procedimento abaixo não é necessário.

Deck of Cards
effectDuration 0.5 history false id samples effectType fade
Card default true id 1 label Passo 1 Acesse o repositório de exemplos do fluig, e selecione a opção sample-fluigaddtocalendar. Image Modified   Card id 2 label Passo 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. Image Modified   Card id 3 label Passo 3 Efetuado o download do sample-fluigaddtocalendar, acesse o fluig Studio, acione a opção File > → Import, no menu superior esquerdo.     Card id 4 label Passo 4   Selecione a opção General > → Existing Projects into Workspace.   Card id 5 label Passo 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 Passo 2, em seguida acione o botão Abrir.   Card id 6 label Passo 6 Para finalizar a importação acione o botão Finish.   Card id 7 label Passo 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 id 8 label Passo 8 Selecione a opção Fluig > Exportar para o servidor Fluig.   Card id 9 label Passo 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.

 

...