Índice

outline	true
style	none
exclude	.*ndice
style	none

Sobre Widgets

Os WidgetsOs widgets são componentes de tela que oferecem funcionalidades específicas na página Home ou para criação de novas páginas recursos específicos em páginas ou comunidades para o acompanhamento de Tarefas, Processos ou Documentos, entre outros. A organização de cada widget nas páginas é personalizável via edição de página.

Informações

title	Nota

Os Widgets 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 TOTVS Fluig Plataforma possui diversos Widgets 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 widgets disponíveis:

Image Modified	Documentos Favoritos
Image Modified	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.

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 RemovedDetalhes da Comunidade

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

.

.
Image Modified	Nova publicação
Image Modified	Crie publicações em comunidades

.

Image Removed	Informações Sociais
	Visualize seus contatos e comunidades. .

Image Modified	Timeline
Image Modified	Acompanhe as publicações de uma comunidades.

.

Image Removed	Lista de Comunidades
	Consulte as comunidades disponíveis. .

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 Added

Listar registros de datasets

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

Image Modified

Endereço

WEB

Web

Acesse endereços

WEB

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.

Image Modified

Editor de conteúdo

Personalize páginas e comunidades com o conteúdo

Crie conteúdos ricos para a sua página. .

desejado.

Informações
Esta widget possui compatibilidade para visualização no 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 TOTVS Identity são exibidos neste widget.

Image Modified

Listas

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

.


Image Modified	Tarefas Pendentes
Image Modified	Visualize suas pendências de

uma forma resumida, através de um gráfico. .

maneira resumida.
Image Modified	Favoritos sociais
Image Modified	Tenha

acessos

acesso fácil a contatos e comunidades que mais

utilizados

utiliza no dia

-

a

-dia

dia.
Image Added	Lista de conexões sociais
Image Added	Visualize suas conexões de comunidades, seguindo e seguidores.
Image Added	Informações Sociais
Image Added	Visualize as informações de perfil ou comunidade.
Image Modified	Navegação de comunidades
Image Modified	Navegue nas galerias de comunidades.
Image Added	Nuvem de Tags
Image Added	Visualize as tags mais populares de uma comunidade ou de toda a plataforma.
Image Modified	Acesso Centralizado

Tenha

Tenha acesso fácil à rotinas de sistemas integrados ao 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.

Image Modified

Consulta Rápida

Tenha acesso rápido

à

a relatórios simplificados.

.

Image Added

Aplicação ERP

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

Image Added

Container ERP

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

Image Added

Lista de desejos

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

Image Added

Evolução de aprendizado

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

Image Added

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 Added

Detalhe de conquistas

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

Image Added

Quadro de avisos

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

Image Added

Conquistas

Visualize suas conquistas a partir dos objetivos atingidos.

Image Added

Matriz de conhecimento

Visualize graficamente seus conhecimentos com base nas pontuações conquistadas.

Image Added

Nível e experiência

Acompanhe seu nível atual e suas experiências alcançadas.

Image Added

Perfil de conquistas

Exiba todas as suas conquistas e troféus de maneira personalizada.

Image Added

Ranking

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

Image Added

Troféus

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

Image Added

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 Store. Obtenha mais informações em Calendário.

Image Added

Links úteis

Facilite o acesso as informações essenciais para os usuários, permitindo adicionar links de páginas externas e internas.

Image Added

Processos

Permite exibir uma lista personalizada dos processos disponíveis para inicialização

ComponentesDescriçãoDocumentos Favoritos

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

Documentos Populares

Veja quais são os documentos mais acessados.Processos FavoritosInicie novas solicitações dos processos que você mais utiliza.Mural de AvisosExiba avisos em páginas.

Gráficos de Tarefas

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

Detalhes da ComunidadeVisualize informações de uma comunidade.Nova publicaçãoCrie publicações em comunidades.Informações SociaisVisualize seus contatos e comunidades.TimelineAcompanhe as publicações de uma comunidades.Lista de ComunidadesConsulte as comunidades disponíveis.Visualizador de gráficosVisualize gráficos de forma fácil e rápida.Endereço WEBAcesse endereços WEB de forma fácil e rápida.Editor de conteúdoCrie conteúdos ricos para a sua página.Mini launchpadTenha acesso rápido à um app do Fluig Identity.ListasVisualize perspectivas de listas

em suas páginas ou comunidades.

Tarefas Pendentes

Visualize suas pendências de uma forma resumida, através de um gráfico.

Favoritos sociais

Tenha acessos fácil a contatos e comunidades que mais utilizados no dia-a-dia.

Navegação de comunidadesNavegue nas galerias de comunidadesAcesso CentralizadoTenha acesso fácil à rotinas de sistemas integrados ao Fluig.AnalyticsVisualize gráficos e dashboards do Analytics de forma fácil e rápida.Consulta RápidaTenha acesso rápido à relatórios simplicados

Widgets Customizados

Image Added	Últimos acessos Permite exibir os últimos acessos feitos dentro da plataforma. O principal objetivo é facilitar o acesso e utilidade das informações essenciais para os usuários.
Image Added	Templates Permite visualizar os templates de processos disponíveis e criar processos em branco.

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

Widgets Personalizados

Os widgets personalizados são desenvolvidos Os Widgets customizados são criados 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 de ERP ou mesmo de outros sistemas de terceiros.

É possível citar como exemplo de Widget Customizado, o Widget de de widget personalizado, o widget Resumo de Pedidos de Venda, que busca informações no ERP e apresenta um totalizador para os usuários:

Image Removed

Image Added

Informações

title	Nota

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

...

Utilizar Widgets

A seguir visualize como utilizar Widgets em 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
history	false
effectType	fade

Card

default	true
id	1
label	Passo1

Passo 1

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

Image RemovedImage Added

Card

id	2
label	Passo 2

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

Image Removed

Image Added

Card

id	3
label	Passo 3

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

Image Added

Card

id	4
label	Passo 4

O Widget é O widget foi adicionado à página. Image Removed

Image Added

Card

id	5
label	Passo 5

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

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

Image RemovedImage Added

Card

id	6
label	Passo 6

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

Image Added

Image Removed

Card

id	7
label	Passo 7

A página é será apresentada. Image Removed

...

Image Added

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
history	false
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 Editor HTML insira um título e um conteúdo HTML através do editor gráficowidget 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, representado por um Disquete, no menu do editor gráfico.Image Removed

Image Added

Card

id	5
label	Passo 5

Note que agora o Widget possui um novo conteúdo. Nesta página ainda existe o Widget Perspectiva de lista que também necessita ser configurado, para isso acesse o modo de edição dele.
Image Removed

Card

id	6
label	Passo 6

O modo de edição do Widget é aberto. Note que o modo de edição de cada Widget é diferente. Clique em Selecionar.
Image Removed

Card

id	7
label	Passo 7

A tela Selecionar Perspectiva é aberta. Selecione uma lista, em seguida selecione uma perspectiva e para finalizar clique em Selecionar.
Image Removed

Card

id	8
label	Passo 8

A configuração do Widget é finalizada
Image Removed

Card

id	8
label	Passo 8

Ao acessar novamente a página, o Widget Listas apresenta uma lista dos contatos da empresa
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 19

Nova versão Atual

Chave

Índice

Sobre Widgets

Widgets Padrão

Widgets Customizados

Widgets Personalizados

Utilizar Widgets

Configuração de Widgets

Atalhos

Árvore de páginas

Histórico da Página

Versões comparadas

Versão antiga 19

Nova versão Atual

Chave

Índice

Sobre Widgets

Widgets Padrão

Widgets Customizados

Widgets Personalizados

Utilizar Widgets

Configuração de Widgets