Aviso

title	Atençã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

title	Dica!

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 páginas...

...

Image Added

...

As páginas são os elementos que formam os portais. O editor de páginas possibilita a construção das de páginas de forma simples e rápida, com o recurso de arrastar e soltar para incluir os componentes que devem ser apresentados, além de apresentar serão exibidos. Além disso, apresenta configurações para ordenação e personalização de cada componente.

Painel

borderColor	#ebf8ff
bgColor	#ebf8ff

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/nota.png" width="24" height="24">
		</div>
		<div class="lms-callout-body">
			<p class="lms-callout-text"><b>NOTA:</b><br>Cada alteração na página é gravada automaticamente a cada 15 segundos. Essas alterações ficam em rascunho até que o usuário acione a opção "Publicar", no canto superior direito da página, para tornar a página acessível publicamente por meio da URL definida.</p>
		</div>
	</div>
</div>

Image Removed

Visualizar os componentes

As páginas criadas no TOTVS Pages são responsivas, ou seja, se adaptam para oferecer a melhor visualização de acordo com o dispositivo de acesso.

Image Added

Criar página no portal

...

01. Depois de acessar o item PáginasImage Addeddo portal, clique em Criar página.

02. Insira as informações solicitadas para a página que fará parte do portal01. Para visualizar os componentes disponíveis, acione o botão Componentes webImage Removed, localizado no canto esquerdo, abaixo do título da página.

Painel

borderColor	#f2f2f2
bgColor	#f2f2f2

A janela Componentes web será expandida, permitindo visualizar os componentes disponíveis. Confira nos itens abaixo as configurações de cada componente.

Exibir filhos

Adicionar componente à página

Image Removed Assista ao vídeo

01. Para adicionar um componente, acione o botão Componentes webImage Removed para expandir os componentes.

02. Localize o componente desejado.

03. Clique no componente e arraste-o até o ponto da página em que ele deve ser apresentado.

Ações sobre os componentes

Quando o componente está adicionado na página, ao passar o mouse sobre ele, são apresentadas as seguintes opções:

Image RemovedMover componente para baixo

Image RemovedMover componente para cima

Image RemovedConfigurar componente (as opções de configuração variam de acordo com o tipo de componente)

Image RemovedRemover componente da página

#e8f6f0

Nome da página interna
Nome que será atribuído à página do portal.

Estado

title	Exemplo:

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

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

Painel

borderColor	#fdf7e8
bgColor	#fdf7e8

Painel

borderColor

#e8f6f0

bgColor

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

importante.png" width="24" height="24">
		</div>
		<div class="lms-callout-body">
			<p class="lms-callout-text"

><b>DICA

><b>IMPORTANTE!</

b><br>Se

b><br>A

você

URL

criou a

da página

a

deve

partir

ser

de

única

um

por

template

empresa,

você

ou

também

seja,

consegue

não

utilizar

é

a

possível

opção

ter

<img src="http://tdn.totvs.com/download/attachments/476745461/flaticon-settings.png" width="20" height="20"> para acessar a configuração de cada um dos componentes, e com isso personalizar a página da forma que desejar

páginas com a mesma URL em portais diferentes na mesma empresa.</p>
		</div>
	</div>
</div>

03. Clique em Concluir.

Painel

borderColor	#f2f2f2
bgColor	#f2f2f2

A página criada será listada logo abaixo da página inicial do portal. Para editá-la e configurar seus componentes, siga os passos descritos em Editar página do portal.

Buscar página do portal

...

01. Depois de acessar o item PáginasImage Addeddo portal, insira o nome da página desejada no campo de busca localizado na parte superior.

02. Visualize as páginas que correspondem aos termos inseridos.

Filtrar páginas do portal

...

01. Depois de acessar o item PáginasImage Addeddo portal, clique na setaImage Addedlocalizada acima da página inicial.

02. Selecione a situação das páginas desejada para filtrá-las.

Painel

borderColor	#f2f2f2
bgColor	#f2f2f2

As opções disponíveis são:

Todas: é a opção selecionada por padrão. São exibidas todas as páginas existentes no portal.

Em rascunho: são exibidas apenas as páginas do portal que estão em modo rascunho, ou seja, que estão sendo editadas.

Publicadas: são exibidas apenas as páginas do portal que já foram publicadas e estão disponíveis para acesso externo.

Visualizar página do portal

...

01. Depois de acessar o item PáginasImage Addeddo portal, localize a página que deseja visualizar.

02. Clique em AçõesImage Addedlocalizado no canto inferior direito do quadro da página.

03. Clique em Visualizar.

04. Veja a página do portal na nova guia que foi aberta.

Painel

borderColor	#f2f2f2
bgColor	#f2f2f2

Uma mensagem indicando que a visualização está no modo rascunho é exibida.

É possível editar a página clicando na opção Editar página exibida no final da mensagem.

Editar página do portal

...

01. Depois de acessar o item PáginasImage Addeddo portal, localize a página que deseja editar.

02. Clique em AçõesImage Addedlocalizado no canto inferior direito do quadro da página.

03. Clique em Editar.

Painel

borderColor	#f2f2f2
bgColor	#f2f2f2

Ao clicar nesta opção, a página é exibida em uma nova aba em modo de edição, onde é possível efetuar as alterações desejadas adicionando, configurando ou excluindo componentes. Essas ações são descritas em Componentes.

Duplicar página do portal

...

^{Essa opção pode ser utilizada para criar uma cópia de uma página já existente, contendo os mesmos componentes e as mesmas configurações. É uma forma rápida de criar páginas muito semelhantes com poucas alterações entre si.}

01. Depois de acessar o item PáginasImage Addeddo portal, localize a página da qual deseja fazer uma cópia.

02. Clique em AçõesImage Addedlocalizado no canto inferior direito do quadro da página.

03. Clique em Duplicar.

04. Insira as informações solicitadas para a página que será a cópia.

Painel

borderColor	#f2f2f2
bgColor	#f2f2f2

Nome da página
Nome que será atribuído à página que está sendo copiada de outra.

Estado

title	Exemplo:

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

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

05. Clique em Duplicar.

Painel

borderColor	#f2f2f2
bgColor	#f2f2f2

Ao clicar nesta opção, uma página é criada contendo todas as configurações da página original. Ela será listada logo abaixo da página inicial do portal. Para editá-la e configurar seus componentes, siga os passos descritos em Editar página do portal.

Configurar página do portal

...

01. Depois de acessar o item PáginasImage Addeddo portal, localize a página que deseja configurar.

02. Clique em AçõesImage Addedlocalizado no canto inferior direito do quadro da página.

03. Clique em Configurar.

04. Altere o nome da página.

Painel

borderColor	#f2f2f2
bgColor	#f2f2f2

As demais informações exibidas não podem ser alteradas.

05. Clique em Concluir.

Tornar página do portal como inicial

...

01. Depois de acessar o item PáginasImage Addeddo portal, localize a página que deseja tornar como a página inicial do portal.

02. Clique em AçõesImage Addedlocalizado no canto inferior direito do quadro da página.

03. Clique em Tornar página inicial.

04. Na mensagem exibida, clique em Confirmar para tornar a página como a inicial do portal.

Painel

borderColor	#f2f2f2
bgColor	#f2f2f2

Ao confirmar, a página se torna a página inicial do portal, substituindo a que era inicial anteriormente.

Excluir página do portal

...

01. Depois de acessar o item PáginasImage Addeddo portal, localize a página que deseja excluir.

02. Clique em AçõesImage Addedlocalizado no canto inferior direito do quadro da página.

03. Clique em Excluir.

04. Na mensagem exibida, clique em Excluir para confirmar a exclusão da página do portal.

Painel

borderColor	#f2f2f2
bgColor	#f2f2f2

Ao confirmar, a página é excluída do portal.

Atalhos

Árvore de páginas

Versões comparadas

Versão antiga 10

Nova versão Atual

Chave

Falando

de páginas...

Image Added

Visualizar os componentes

Criar página no portal

Adicionar componente à página

Ações sobre os componentes

Buscar página do portal

Filtrar páginas do portal

Visualizar página do portal

Editar página do portal

Duplicar página do portal

Configurar página do portal

Tornar página do portal como inicial

Excluir página do portal

Atalhos

Árvore de páginas

Histórico da Página

Versões comparadas

Versão antiga 10

Nova versão Atual

Chave

Falando

de páginas...

Image Added

Visualizar os componentes

Criar página no portal

Adicionar componente à página

Ações sobre os componentes

Buscar página do portal

Filtrar páginas do portal

Visualizar página do portal

Editar página do portal

Duplicar página do portal

Configurar página do portal

Tornar página do portal como inicial

Excluir página do portal