Á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!

Image Added

...

Divulgamos aqui todas

Image Removed

Listamos aqui as novidades e correções que estão disponíveis em nossa solução – no TOTVS Pages – pages.totvs.app – das mais recentes para as mais antigas. Confira!


Índice
maxLevel1

...


...

Atualizações › 

...

Chegou o aplicativo Pages!

Com ele você publica páginas incríveis em poucos minutos!

Quer saber como criar canal de comunicação para clientes, parceiros e/ou fornecedores em apenas alguns minutos?

Todos sabem que páginas bem elaboradas, com um conteúdo atrativo e rico podem trazer muitas vantagens ao seu negócio. Novos clientes, engajamento e fortalecimento de sua marca são algumas dessas vantagens.

Conector de Widget
width800
urlhttps://www.youtube.com/watch?v=KCut_Z2fDNA&list=PLD-htCoWcvYqXlz4J2fKMVDyKQoRn_Rnr
height450

Explorando o potencial do Pages você pode construir páginas públicas atrativas e sem nenhuma codificação! Siga os 4 passos abaixo e se surpreenda com o resultado.

1- Escolha o template que melhor atende a sua necessidade

O fluig disponibiliza diversos templates que servem de ponto de partida para o desenho de sua página. A partir de um template previamente desenhado, você consegue editar as informações que desejar, para tornar a sua página mais personalizada e completa.

2- Adicione componentes à sua página

Sua página ficará muito rica com os componentes disponíveis. Você pode utilizar menu, banners, seções, parágrafos, galerias de imagens e informações de rodapé. E olha que bacana: você consegue colocar um conteúdo externo, que pode ser, por exemplo, um formulário que você criou utilizando o aplicativo Forms. 

3- Publique sua página

Sua página ficou maravilhosa, né? Mas não esqueça de publicar, para que ela fique disponível para outras pessoas acessarem.

4- Compartilhe, compartilhe, compartilhe

Copie a URL da sua página e compartilhe. Com certeza a sua página vai ser um sucesso!

Image Removed

  Curiosidade!

hotsite do fluig Essentials foi criado inteiramente utilizando o aplicativo Pages. Confira a seguir, como foi simples o processo de criação!

 

...

Correções

  • Corrigido o envio de informações de um formulário respondido a partir de uma página do Pages depois que um dos campos do formulário foi excluído.


Atualizações ›  

...

Correções

  • Ajustadas as permissões para que sejam aplicadas a todas as páginas do portal e não apenas à principal.


Atualizações ›  

...

Correções

  • Corrigida a edição de portais que utilizam o componente Parágrafo.


Atualizações ›  

...

Novidades

Mais detalhes na escolha de templates de páginas

Agora, os templates de páginas são categorizados em Básicos e Avançados. Além disso, o template avançado exibe quais integrações ele possui e quais os pré-requisitos para usá-lo caso não esteja disponível.

Dessa forma, é mais fácil identificar os benefícios que um template proporciona e escolher aquele que for mais aderente e apropriado ao seu negócio. Bacana, hein?

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>DICA!</b><br>Confira os <i>templates</i> disponíveis em <a href = "https://tdn.totvs.com/x/_dGQHQ" style="color: #41d262"><i>Templates</i> de páginas</a>.</p>
		</div>
	</div>
</div>

Image Added


Atualizações ›  

...

Novidades

Um portal, infinitas possibilidades!

Já imaginou criar um portal completo para a sua empresa sem nenhuma linha de código? Bom, isso já é realidade!

Agora, você pode criar um portal com várias páginas para alavancar o seu negócio. Tudo de forma super simples: crie um portal para agrupar as páginas, crie as páginas a partir de uma interface intuitiva, arraste componentes para elas de forma prática e configure tudo do jeito que quiser. Além disso, você pode criar o portal a partir de modelos prontos de páginas e apenas ajustá-lo à sua necessidade. Sem codificação, sem complicação. Simples assim.

É muita agilidade para o seu dia a dia, não é mesmo? Crie já o seu portal e agregue mais valor ao seu negócio!

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>Fique tranquilo! As páginas que você já possui continuarão existindo.
<br>Confira mais detalhes em: <a href = "https://tdn.totvs.com/x/8I5qH" style="color: #41d262">Início</a>, <a href = "https://tdn.totvs.com/x/Kx3JJ" style="color: #41d262">Portal</a>, <a href = "https://tdn.totvs.com/x/FiHJJ" style="color: #41d262">Componentes</a> e <a href = "https://tdn.totvs.com/x/9Y5qH" style="color: #41d262">Páginas</a>.</p>
		</div>
	</div>
</div>

Multimedia
nameCriar portal.mp4
width100%
pagePages | Portal
autostarttrue
spacefluig
height100%


Atualizações ›  

...

Novidades

Encontre componentes com mais facilidade

Agora, no editor de páginas, os componentes estão ordenados seguindo o fluxo de montagem de uma página. Por exemplo: o menu é o primeiro item da lista e o rodapé é o último.

Você também pode buscar por um componente específico na parte superior da listagem. E, além disso, ele está com um visual mais moderno.

Assim é mais fácil encontrar os componentes à medida que você vai criando e montando sua página, não é mesmo? Confira!

Image Added


Atualizações anteriores

...

Painel
borderColor#f2f2f2
Toggle Cloak
id@atualizações-anteriores
Clique aqui e visualize as atualizações mais antigas do TOTVS Pages.
Cloak
id@atualizações-anteriores


HTML
<!-- Hotjar Tracking Code for http://tdn.totvs.com/display/fb -->
<script>
    (function(h,o,t,j,a,r){
        h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
        h._hjSettings={hjid:1280165,hjsv:6};
        a=o.getElementsByTagName('head')[0];
        r=o.createElement('script');r.async=1;
        r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
        a.appendChild(r);
    })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>

...