Falando

...

de páginas...

...

Image Added

...

As páginas são os elementos que formam os portais. O editor 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 apresentadosserã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 trazer oferecer a melhor visualização de acordo com o dispositivo de acesso.

<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>Não esqueça de gravar as alterações efetuadas na página - para isso utilize o botão <b>Salvar</b>. A página fica em rascunho até que se acione a opção <b>Publicar</b>, no canto superior direito da tela, para torná-la acessível publicamente por meio da URL definida.</p>
		</div>
	</div>
</div>

Image Removed

Visualizar os componentes

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.

Adicionar componente à página

 ^{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

<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/

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>

Configurações na edição da página

Na edição de uma página, também é possível abrir suas configurações para definição de novas configurações.

01. Com a página aberta, acionar o ícone de engrenagem Image Removed localizado ao lado direito na tela do editor.

02. Será aberto um pop-up para as novas configurações. É possível alterar o nome da página e o mediador que foi definido para essa página, 

...

01. Na sessão Informações, inserir o novo nome da página no campo Nome da página.

02. Para salvar o novo nome para a página, clique no editor de páginas novamente. Logo após acionar Salvar, ao lado direito do editor. 

...

É possível remover, alterar ou adicionar novos mediadores para a página. Expandir a sessão Mediadores e acionar Editar.

01. A tela para edição de mediadores será aberta, basta inserir o nome do colaborador no campo de pesquisa Buscar mediador e clicar sobre o nome do colaborador desejado. 

02. Será necessário definir o tipo de permissão para o colaborador que será definido como mediador da página.

03. Para salvar as definições de mediador que foram editadas na página, clique no editor de páginas novamente. Logo após acionar Salvar, ao lado direito do editor.

Visualizar rascunho da página

Para visualizar a página em modo de rascunho, siga os passos abaixo:

01. Acionar o ícone de visualização Image Removed localizado no lado superior direito, ao lado do ícone de configuração.

02. A página será apresentada em uma nova guia em modo de rascunho. Para voltar à edição da página acionar Editar página.

...

03. Clique em Concluir.

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.

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.

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.

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.

05. Clique em Duplicar.

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.

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.

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.