Falando de páginas...

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

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.

Criar página no portal

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

02. Insira as informações solicitadas para a página que fará parte do portal.

03. Acione Concluir.

Buscar página do portal

01. Depois de acessar o item Páginasdo 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áginasdo portal, clique na setalocalizada acima da página inicial.

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

Visualizar página do portal

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

02. Clique em Açõeslocalizado 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.

Editar página do portal

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

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

03. Clique em Editar.

**Adicionar componente à página

 ^{Assista ao vídeo}

01. Para adicionar um componente, acione o botão Componentes web 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:

Mover componente para baixo

Mover componente para cima

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

Remover componente da página

<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>DICA!</b><br>Se você criou a página a partir de um <a href = "http://tdn.totvs.com/x/_dGQHQ" style="color: #41d262">template</a>, você também consegue utilizar a opção <b>Configurar componente</b> <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>
		</div>
	</div>
</div>

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áginasdo portal, localize a página da qual deseja fazer uma cópia.

02. Clique em Açõeslocalizado 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.

05. Clique em Duplicar.

Configurar página do portal

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

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

03. Clique em Configurar.

04. Altere o nome da página.

05. Clique em Concluir.

Tornar página do portal como inicial

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

02. Clique em Açõeslocalizado 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.

Excluir página do portal

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

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

03. Clique em Excluir.

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