Árvore de páginas

Versões comparadas

Chave

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


Índice
exclude.*ndice

Novas ações:

Criar página

Visualizar

Editar

Duplicar

Configurar

Excluir

Tornar página inicial


Falando de páginas...

...

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.

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>Não esqueça de gravarsalvar 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>


Criar página no portal

...

01. Com o portal criado em edição, é possível criar outras páginas que vão agregar este portal, acione o botão  Depois de acessar o item PáginasImage Addeddo portal, clique em Criar página.

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

Painel
borderColor#f2f2f2
bgColor#f2f2f2

Nome da página interna

...


Nome que será

...

atribuído à página do portal.

...


Estado
titleExemplo:

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.

03. Acione Concluir porém é possível editá-lo caso tenha necessidade.04. Acione Concluir para que a página seja criada.

Painel
borderColor#ebf8ff#f2f2f2
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>Uma mensagem será apresentada informando que a página foi criada com sucesso.</p>
		</div>
	</div>
</div>

Visualizar (página)

01. Com a página definida como portal aberta, acione o menu Páginas.

02. Escolha a página que deseja visualizar.

03. Acione o íconeImage Removede em seguida acione Visualizar.

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>A página será exibida em uma nova guia. Uma mensagem indicando que a visualização está no modo rascunho será apresentada. É possível editar a página por meio da opção <b>Editar página</b>.</p>
		</div>
	</div>
</div>

Editar (página)

01. Com a página definida como portal aberta, acione o menu Páginas.

02. Escolha a página que deseja editar.

03. Acione o íconeImage Removede em seguida acione Editar.

05. A página será aberta em uma nova guia para realizar a edição

Visualizar os componentes

#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.


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ópia01. 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

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

Estado
titleExemplo:

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

O menu de Componentes web será expandido, permitindo visualizar os componentes disponíveis. É possível localizar um componente específico a partir da busca localizada na parte superior.

Confira nos itens abaixo as configurações de cada componente.

children


Adicionar componente à página

...

 Assista ao vídeo

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

...

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:

...