Histórico da Página

...

Informações

title	Nota

Os widgets podem apresentar conteúdos relacionados ao site criado a partir do WCM, componentes do ERP ou ainda promover a integração com sistemas de terceiros.

Widgets Padrão

O fluig TOTVS Fluig Plataforma possui diversos widgets padrão que podem ser utilizados para a composição de uma página pelo usuário. Na tabela abaixo são apresentados alguns widgets disponíveis:

Image Modified

Documentos Favoritos

Tenha acesso fácil aos documentos mais utilizados no dia a dia.

Image Modified

Documentos Populares

Veja quais são os documentos mais acessados.

Informações
Este widget possui compatibilidade para visualização no

fluig Mobile

Fluig mobile.

Image Modified

Processos Favoritos

Inicie novas solicitações dos processos que você mais utiliza.

Image Modified

Mural de Avisos

Exiba avisos em páginas.

Image Modified

Gráficos de Tarefas

De forma visual, veja como estão suas pendências.

Image Modified

Nova publicação

Crie publicações em comunidades.

Image Modified

Timeline

Acompanhe as publicações de uma comunidades.

Image Modified

Visualizador de gráficos

Visualize gráficos de forma fácil e rápida.

Informações
Clique aqui para obter informações sobre como personalizar esse widget.

Image Modified

Listar registros de datasets

Visualize registros de datasets em suas páginas ou comunidades.

Image Modified

Endereço Web

Acesse endereços web de forma fácil e rápida.

Informações

Para que o widget Endereço Web renderize corretamente a URL solicitada, é necessário que o servidor de destino da URL aceite requisições do tipo cross-origin, ou seja, requisições realizadas por páginas web de domínios diferentes.

Caso contrário, o seguinte erro será exibido no console do navegador: "Requisição cross-origin bloqueada: A política de mesma origem (Same Origin Policy) impede a leitura do recurso remoto em http://<URL_USADO_NA_WIDGET>. (Motivo: o cabeçalho CORS 'Access-Control-Allow-Origin' não está presente)"

Informações
Esta widget possui compatibilidade para visualização no

fluig Mobile

Fluig mobile.

Image Modified

Editor de conteúdo

Personalize páginas e comunidades com o conteúdo desejado.

Informações
Esta widget possui compatibilidade para visualização no

fluig Mobile

Fluig mobile.

Nota

title	Atenção!

Não é recomendada a utilização de JavaScript nesta widget.

Image Modified

Mini launchpad

Tenha acesso rápido a um app do

fluig

TOTVS Identity.

Informações
Somente apps com usuário e senha definidos no

fluig

TOTVS Identity são exibidos neste widget.

Image Modified

Listas

Visualize perspectivas de listas em suas páginas ou comunidades.

Image Modified

Tarefas Pendentes

Visualize suas pendências de maneira resumida.

Image Modified

Favoritos sociais

Tenha acesso fácil a contatos e comunidades que mais utiliza no dia a dia.

Image Modified

Lista de conexões sociais

Visualize suas conexões de comunidades, seguindo e seguidores.

Image Modified

Informações Sociais

Visualize as informações de perfil ou comunidade.

Image Modified

Navegação de comunidades

Navegue nas galerias de comunidades.

Image Modified

Nuvem de Tags

Visualize as tags mais populares de uma comunidade ou de toda a plataforma.

Image Modified

Acesso Centralizado

Tenha acesso fácil à rotinas de sistemas integrados ao

fluig

Fluig Plataforma.

Image Modified

Analytics

Visualize gráficos e Dashboards do Analytics de forma fácil e rápida.

Informações
Esta widget possui compatibilidade para visualização no

fluig Mobile

Fluig mobile.

Image Modified

Consulta Rápida

Tenha acesso rápido a relatórios simplificados.

Image Modified

Aplicação ERP

Integre aplicações do ERP e exiba informações de maneira simples, em formato de página completa.

Image Modified

Container ERP

Integre aplicações do ERP e exiba informações de maneira simples e compacta.

Image Modified

Lista de desejos

Visualize os treinamentos e trilhas que adicionou em sua lista de desejos.

Image Modified

Evolução de aprendizado

Acompanhe sua evolução em Turmas, Trilhas e Treinamentos que participou.

Image Modified

Conquistas de aprendizado

Visualize todas as suas conquistas nos Treinamentos, Trilhas e Turmas que participou, incluindo a quantidade de êxitos, comparada à média geral, habilidades principais (Top 5) e pontuações.

Image Modified

Detalhe de conquistas

Confira os detalhes das conquistas de Treinamentos, Trilhas e Turmas, e também suas habilidades.

Image Modified

Quadro de avisos

Visualize o quadro de avisos das Turmas e Disciplinas no qual já está matriculado.

Image Modified

Conquistas

Visualize suas conquistas a partir dos objetivos atingidos.

Informações
Esse widget faz parte da solução Gamificação que está disponível na fluig Store.

Image Modified	Matriz de conhecimento
Image Modified	Visualize graficamente seus conhecimentos com base nas pontuações conquistadas.

Informações
Esse widget faz parte da solução Gamificação que está disponível na fluig Store.

Image Modified	Nível e experiência
Image Modified	Acompanhe seu nível atual e suas experiências alcançadas

. InformaçõesEsse widget faz parte da solução Gamificação que está disponível na fluig Store

.


Image Modified	Perfil de conquistas
Image Modified	Exiba todas as suas conquistas e troféus de maneira personalizada

. InformaçõesEsse widget faz parte da solução Gamificação que está disponível na fluig Store

.


Image Modified	Ranking
Image Modified	Veja o ranking dos usuários com mais pontos a partir da participação ativa na rede.

info

Esse widget faz parte da solução Gamificação que está disponível na fluig Store.

Image Modified

	Troféus
	Navegue entre seus troféus conquistados e exiba-os em seu perfil

. InformaçõesEsse widget faz parte da solução Gamificação que está disponível na fluig Store

.

Image Modified

Adicionar ao calendário

Crie e divulgue eventos facilmente. Os interessados podem adicioná-los à sua agenda com apenas um clique.

Informações
Esse widget está disponível na

fluig

Fluig Store. Obtenha mais informações em Calendário.

...

Informações
Veja o exemplo em nosso repositório aqui.

Widgets Personalizados

Os widgets personalizados são desenvolvidos pelo próprio usuário por meio de templates de código. Por intermédio deles, o usuário pode fornecer conteúdo personalizado, renderizar componentes de ERP ou mesmo de sistemas terceiros.

...

Informações

title	Nota

Para mais informações sobre criação de widgets personalizado acesse o guia Construção de componentes WCM no fluig Fluig Studio.

...

Utilizar Widgets

A seguir visualize como utilizar widgets em uma página. Movimente-se nas abas para acompanhar o passo a passo:

Deck of Cards

effectDuration	0.5
history	false
id	samples
effectType	fade

Card

default	true
id	1
label	Passo1

Passo 1

Para abrir o modo de edição de uma página, acesse-a pelo menu lateral esquerdo, clique em Configurações localizado no canto superior direito e posteriormente em Editar Página.

Card

id	2
label	Passo 2

No modo de edição de uma página, é possível adicionar widgets aos slots. Observe que em cada slot da página exemplo abaixo, já existe um widget adicionado.

Card

id	3
label	Passo 3

É possível adicionar mais que um widget a um slot. Para adicionar um novo widget na página, clique em e procure pelo widget desejado. Posteriormente, basta clicar no botão Adicionar e Fechar.

Card

id	4
label	Passo 4

O widget foi adicionado à página.

Card

id	5
label	Passo 5

Edite o widget conforme desejar. Neste exemplo foi adicionado o widget Editor de Conteúdo.

Lembre-se que você pode mover widgets entre slots. Neste exemplo, movemos o widget Mural de avisos para o Slot A.

Card

id	6
label	Passo 6

Após adicionar e configurar os widgets, é necessário publicar a página para que seus componentes possam ser visualizados. Para isso, no menu Configurações, clique em Publicar Página.

Card

id	7
label	Passo 7

A página será apresentada.

Configuração de Widgets

Alguns Widgets necessitam de configuração para o correto funcionamento. Esta configuração é feita por meio do recurso Editar presente no menu de ações do Widget. Exemplos: Widgets Editor de Conteúdo, Listas e Endereço WEB, entre outros. Abaixo segue as configurações do Widget Endereço WEB para edição:

Image Removed

Outra forma de configurar Widgets é por meio da tela de A configuração dos widgets é realizada por meio da edição de página, no qual todos os Widgets adicionados na qual os widgets existentes na página são dispostos em modo de edição.

Deck of Cards

effectDuration	0.5
history	false
id	samples
effectType	fade

Card

default	true
id	1
label	Passo1

Passo 1

Para configurar Widgetsconfigurar widgets, acesse a página no qual ele foi adicionado.Image Removed

Image Added

Card

id	2
label	Passo 2

Acesse o menu Configurações e clique na opção Editar página.

Image Added

Os Widgets que permitem configuração apresentam o ícone Engrenagem. Clique nesse ícone e posteriormente em Editar.

Image Removed

Card

id	3
label	Passo 3

O Todos os widgets disponíveis na página que possuam opções de configuração, são abertos em modo de edição do Widget é aberto.
Image Removed

Image Added

Card

id	4
label	Passo 4

Para o Widget Endereço WEB insira um título, a URL e informe altura e largura da widgetwidget Timeline, por exemplo, é possível definir o contexto das publicações, a ordenação padrão, permitir ao usuário alterar a ordenação, rolagem contínua e quantidade de publicações. Após finalizado clique em Salvar.
Image Removed

Image Added

Card

id	5
label	Passo 5

Ao salvar é emitida uma mensagem de que as preferências foram salvas com sucesso. Clique em OK, e em seguida acesse a página novamente.
Image Removed

Card

id	6
label	Passo 6

Note que agora o Widget possui um novo conteúdo.
Image Removed

...

As alterações poderão ser visualizadas após a publicação da página através da opção Publicar página do menu Configurações.

Image Added

Atalhos

Árvore de páginas

Versões comparadas

Versão antiga 50

Nova versão Atual

Chave

Widgets Padrão

Widgets Personalizados

Utilizar Widgets

Configuração de Widgets