Índice |
---|
outline | true |
---|
exclude | .*ndice |
---|
style | none |
---|
|
Adicionar ao calendário
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.
Implantação da widget "Adicionar ao calendário"
Para obter componente e efetuar a sua correta implantação siga os passos descritos abaixo.
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 |
---|
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 o widget de calendário, acione o menu de configuração no canto superior direito e selecione a opção Editar página.
Image Added
|
Card |
---|
|
- Selecione algum slot da página em edição e acione Adicionar uma nova widget.
Image Added
|
Card |
---|
|
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.
Image Added
|
Card |
---|
|
Image Added
|
Card |
---|
|
Image Added
|
Card |
---|
|
Image Added |
|
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 |
---|
|
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 |
---|
effectDuration | 0.5 |
---|
history | false |
---|
id | samples |
---|
effectType | fade |
---|
|
Card |
---|
default | true |
---|
id | 1 |
---|
label | Passo 1 |
---|
| |
Image Modified
|
Card |
---|
|
Image Modified
|
Card |
---|
|
Efetuado o download do sample-fluigaddtocalendar, acesse o fluig DesignerStudio, acione a opção File > → Import, no menu superior esquedoesquerdo.
|
Card |
---|
|
|
Card |
---|
|
|
Card |
---|
| Image Removed |
|
Adicionando e utilizando widget "Adicionar ao calendário" em uma página.
Image Added |
|
Deck of Cards |
---|
effectDuration | 0.5 |
---|
history | false |
---|
id | adicionando |
---|
effectType | fade |
---|
|
Card |
---|
|
default | true |
---|
id | 1 |
---|
label | Passo 1 |
---|
|
- Acesse alguma página do WCM, acione o menu de configuração no canto superior direito e selecione a opção "Editar página".
Image Removed
Card |
---|
|
Selecione algum slot da página em edição e adione uma nova widget a ele.
Image Removed
Card |
---|
|
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".
Image Removed
Card |
---|
|
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.
Image Removed
Card |
---|
|
Após salvar as aterações na widget, acesse o menu de configuração no canto superior direito e selecione a opção "Publicar página".
Image Removed
Card |
---|
|
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.
Image Removed