Árvore de páginas

Versões comparadas

Chave

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

A solução TOTVS Fluig No-Code será descontinuada em 30/10/2024 e não estará mais disponível para acesso a partir dessa data.

Mais informações podem ser obtidas em Descontinuação TOTVS Fluig No-Code.

Dica
titleDica!

Encontre os recursos existentes nos aplicativos TOTVS Fluig No-Code na nova solução que já está disponível: o TOTVS Collab.

Assim, você pode continuar usufruindo de todos os benefícios da gestão de projetos e tarefas, além de promover a colaboração no seu time!


Índice
exclude.*ndice


Falando de Início...Image Added

...

Na página inicial, é possível criar portais e ver todos os existentes categorizados em:

  • Últimos editados: são os portais recentemente editados;

Índice
exclude.*ndice

Falando de Início...Image Removed

Na página inicial, é possível criar portais e ver todos os portais já existentes categorizados em:

  • Últimos editados: são os portais recentemente editados;
  • Em edição: são portais que estão edição, podendo ser portais que nunca foram publicados ou que já foram publicados, mas agora estão passando por alterações;

...

Além disso, também é possível efetuar várias ações de gerenciamento dos portais, tais como editar, configurar, ver em modo rascunho, excluir, dentre outras.


Criar portal

...

01. Em Início, clique em Criar portal.

...

Painel
borderColor#f2f2f2
bgColor#f2f2f2

Nome do portal
Nome do conjunto de páginas que formarão o portal.

Estado
titleExemplo:

Central de atendimento, Portal RH, Suporte técnico.

Escolha um ícone para ser exibido ao lado do título da página no navegador
Ícone que será exibido na aba do navegador quando o portal for visualizado ou estiver sendo editado. Deve ser uma imagem com o formato ICO e com tamanho de 48x48 pixels. Caso não seja definido um ícone, será exibido por padrão o logo do TOTVS Pages.

Painel
borderColor#e8f6f0
bgColor#e8f6f0
HTML
<div class="lms">
	<div class="lms-callout">
		<div class="lms-callout-image">
			<img class="lms-callout-thumb" src="http://tdn.totvs.com/download/thumbnails/286221066/dica.png" width="24" height="24">
		</div>
		<div class="lms-callout-body">
			<p class="lms-callout-text"><b>DICA!</b><br>Muitos usuários navegam com várias guias abertas, então suaé página precisapreciso se diferenciar! Utilize um logoícone personalizado para o seu siteportal.</p>
		</div>
	</div>
</div>

Nome da página inicial
Nome da primeira página do portal.

Estado
titleExemplo:

Sobre nós, Início, Fale conosco.

Endereço da página
URL da página inicial do portal, ou seja, é a URL que será utilizada para acessar o portal como um todo. Ao preencher o nome da página inicial, esse campo já é automaticamente preenchido, mas pode ser alterado se desejado. Depois de criar o portal, mesmo que o nome da página inicial seja alterado, a URL permanecerá a que foi definida no momento da criação do portal.da página inicial seja alterado, a URL permanecerá a que foi definida no momento da criação do portal.

Painel
borderColor#fdf7e8
bgColor#fdf7e8
HTML
<div class="lms">
	<div class="lms-callout">
		<div class="lms-callout-image">
			<img class="lms-callout-thumb" src="http://tdn.totvs.com/download/thumbnails/286221066/importante.png" width="24" height="24">
		</div>
		<div class="lms-callout-body">
			<p class="lms-callout-text"><b>IMPORTANTE!</b><br>A URL da página deve ser única por empresa, ou seja, não é possível ter páginas com a mesma URL em portais diferentes na mesma empresa.</p>
		</div>
	</div>
</div>
Painel
borderColor#e8f6f0
bgColor#e8f6f0
HTML
<style type="text/css">
    .lms * {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }

    .lms-text-center {
      text-align: center;
    }

    .lms-full-height {
      height: 100%;
    }

    /* Component LMS Callout */

    .lms-callout {
      border: none;
      padding: 0px;

      display: -moz-box;
      -moz-flex-flow: row wrap;
      -moz-justify-content: center;
      -moz-align-items: center;

      display: -ms-flexbox;
      -ms-flex-flow: row wrap;
      -ms-justify-content: center;
      -ms-align-items: center;
      
      display: -webkit-flex;
      display: -webkit-box;
      -webkit-flex-flow: row wrap;
      -webkit-justify-content: center;
      -webkit-align-items: center;

      display: flex;
      flex-flow: row wrap;      
      justify-content: center;
      align-items: center;
    }
  
    .lms-callout .lms-callout-image {
      width: 24px;
    }

    .lms-callout .lms-callout-body {
      width: calc(100% - 24px);
      padding-left: 20px;
    }

	.lms-callout .lms-callout-citacao {
      border: 0px solid;
      border-left-width: 3px;
      border-left-color: #f36f21;
	  margin: 4px;
	  margin-left: 25px;
	  padding-left: 8px;
      font-size: 13px;
	}

    .lms-callout .lms-callout-thumb {
      width: 24px;
      height: 24px;
    }

    .lms-callout .lms-callout-text {
      color: #58595b;
      line-height: 1.75;
      margin: 0;
    }
</style>
<div class="lms">
	<div class="lms-callout">
		<div class="lms-callout-image">
			<img class="lms-callout-thumb" src="http://tdn.totvs.com/download/thumbnails/286221066/dica.png" width="24" height="24">
		</div>
		<div class="lms-callout-body">
			<p class="lms-callout-text"><b>DICAS!</b><br>  • ForneçaCrie uma URL que seja facilmente interpretável pelo usuário, utilizando palavras chaves. Por exemplo: guia-da-marca.<br>  • Complemente as URLs com títulos para incentivar o usuário a clicar neles.<br>  • Utilize palavras curtas, porém superiores a três caracteres. Evite utilizar caracteres especiais (com exceção de hífen para separar as palavras). <</p>
		</div>
	</div>
</div>

03. Clique em Avançar.

04. Selecione  Selecione o template desejado para a página inicial do portal.

Painel
borderColor#f2f2f2
bgColor#f2f2f2

É possível optar por criar a uma página em branco ou a partir de um template pronto ou de uma página em branco. Os templates são categorizados em Templates básicos e Templates avançados.

Painel
borderColor#f2f2f2
bgColor#f2f2f2

Os templates básicos disponíveis são:

Os templates avançados disponíveis são:

Painel
borderColor#fdf7e8
bgColor#fdf7e8
HTML
<div class="lms">
	<div class="lms-callout">
		<div class="lms-callout-image">
			<img class="lms-callout-thumb" src="http://tdn.totvs.com/download/thumbnails/286221066/importante.png" width="24" height="24">
		</div>
		<div class="lms-callout-body">
			<p class="lms-callout-text"><b>IMPORTANTE!</b><br>Caso o <i>template</i> tenha integração com outro aplicativo no qual o usuário autenticado não possua acesso, não será possível selecioná-lo. Neste caso, será exibido um ícone de alerta com uma mensagem informando em quais aplicativos é necessário ter acesso para utilizar o <i>template</i> em questão.</p>
		</div>
	</div>
</div>

...

Painel
borderColor#f2f2f2
bgColor#f2f2f2

As permissões disponíveis são:

  • Editar: o usuário poderá apenas editar o portal;
  • Gerenciar: o usuário poderá editar e excluir o portal;
  • Visualizar página: o usuário poderá apenas visualizar o portal.

As permissões são aplicadas a todas as páginas do portal.

Também é possível remover um usuário inserido clicando em Remover  localizado ao lado do seu nome.

...

Painel
borderColor#f2f2f2
bgColor#f2f2f2

Ao concluir a criação, o portal é exibido em uma nova aba com a sua página inicial em modo de edição, onde também é possível criar outras páginas a partir do menu Páginas, configurá-las e publicá-las.

Caso a página inicial do portal tenha sido criada a partir de um template, os componentes que compõem esse template já serão exibidos no momento da edição. Porém, é possível adicionar mais componentes ou alterar os componentes já exibidos a partir do menu Componentes.


Buscar portal

...

01. Em Início, digite o nome do portal que deseja buscar na barra de busca localizada abaixo de Últimos editados.

02. Conforme o nome é digitado, são exibidos os portais correspondentes ao nome digitado.


Visualizar rascunho do portal

...

Essa ação existe apenas para portais que estão em edição.

...

04. Veja as páginas do portal em modo rascunho.


Editar portal

...

01. Em Início, localize o portal a ser alterado.

...

Painel
borderColor#f2f2f2
bgColor#f2f2f2

Ao clicar nesta opção, o portal é exibido em uma nova aba em modo de edição, onde é possível efetuar as alterações desejadas nas configurações do próprio portal ou nas páginas que o compõem.


Configurar portal

...

01. Em Início, localize o portal que deseja configurar.

...

05. Ao finalizar, clique em Concluir.


Ver registros dos formulários existentes no portal

...

É necessário ter permissão de acesso ao TOTVS Forms para ver os dados que foram preenchidos nos formulários.

...

03. Clique em Registro dos formulários.

04. Selecionar  Selecione o formulário do qual deseja ver os dados que foram preenchidos.

05. Clique em Ver registros.

06. Selecionar  Selecione o registro desejado para visualizar seus dados completos.

Painel
borderColor#f2f2f2
bgColor#f2f2f2

Mais detalhes sobre as ações disponíveis na listagem podem ser obtidos em Registros de formulário.

07. Depois de visualizar os dados de todos os registros desejados, clique em Fechar , localizado no canto superior esquerdo.

08. Clique  Clique em Fechar  novamente para retornar para a página inicial.


Excluir portal

...

É necessário ter a permissão Gerenciar para excluir portais.

...

Painel
borderColor#f2f2f2
bgColor#f2f2f2

Ao excluir um portal, todas as páginas internas associadas a ele também serão excluídas.


Visualizar portal

...

Essa ação existe apenas para portais que já foram publicados.

...

04. Veja o portal completo na nova guia que foi aberta.


Compartilhar URL do portal 
Âncora
compartilhar
compartilhar

...

Essa ação existe apenas para portais que já foram publicados.

...