Árvore de páginas

Versões comparadas

Chave

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

...

Índice
outlinetrue
exclude.*ndice
stylenone

 


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 Storeno diretório público do fluig no Git.


Instalação do componente "Adicionar ao calendário"

  • Acesse a fluig Store. Adquira o componente desejado.
  • Receba o componente através do Portal de Clientes:
    • Clique em "Downloads e Atualizações"
    • Selecione a Linha de Produto "fluig", opção "fluig store"
    • Selecione o componente "Adicionar ao calendário"
    • Clique em "Fazer o download do arquivo"
  • Após fazer o download do 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

 


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


  • Acesse a página em que deseja adicionar a 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 adicione uma nova widget a ele.



 
Card
id3
labelPasso 3


  • Na página de seleção de widget, navegue até a opção Adicionar ao calendário localizado em Personalizado > Fluig Store > Adicionar ao Calendário e acione o botão Adicionar.





 
Card
id4
labelPasso 4


  • Após a inclusão da widget no slot, preencha os dados do evento e acione o botão 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 na 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 a Widget, agora basta escolher um dos tipos de calendário para adicionar o Evento.



 

...




Alterações para a widget "Adicionar ao calendário"

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


Informações
titleAtenção

Caso você  já acessou instalou 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 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 da 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 widget estará disponível para ser adicionadas nas páginas do WCM.

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


 

...