TOTVS Fluig

Atalhos

Árvore de páginas

Versões comparadas

Versão antiga 37

changes.mady.by.user Samara Buettgen

Gravado em

comparado com

Nova versão Atual

changes.mady.by.user Denise De Deus

Gravado em

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!


Índice
exclude.*ndice

Falando de Editor de formulários...

...

O Editor de formulários possibilita a montagem de formulários com o recurso de arrastar e soltar os componentes (drag and drop), tornando a construção mais eficiente. Apresenta também configurações personalizadas para que os registros sejam preenchidos corretamente e validações de regras para os componentes adicionados.

Image RemovedImage Added

Adicionar componentes ao formulário

...

01. Visualize os componentes de campo e de layout.

Painel
borderColor#f2f2f2
bgColor#f2f2f2

É necessário expandir os componentes de layout para visualização acionando.

...

03. Clique no componente e arraste-o até o ponto do construtor editor em que ele deve ser apresentado.

panel
Painel
borderColor#f2f2f2
bgColor#f2f2f2

Uma área pontilhada será apresentada para definir a localização do componente.

Essa opção vem habilitada por padrão, é necessário desabilitá-la para escolher o local dos componentes adicionados.


Ações sobre os componentes

...

Ao adicionar um componente ao formulário, duas ações são exibidas ao posicionar o mouse sobre o componente:

Editar: abre a edição do componente (as opções de edição variam de acordo com o tipo de componente). Consulte o help Componentes de campo e Componentes de layout para verificar as configurações disponíveis.

Excluir: exclui o componente adicionado.


Alinhar componentes ao topo

...

Para desabilitar ou habilitar o recurso:

01. Acione o ícone  apresentado no rodapé do construtoreditor.

Painel
borderColor#fdf7e8
bgColor#fdf7e8
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/importante.png" width="24" height="24">
		</div>
		<div class="lms-callout-body">
			<p class="lms-callout-text"><b>ATENÇÃO</b><br>Este recurso <b>vem habilitado por padrão</b> e todos os componentes adicionados ficarão no topo do formulário. É apresentado na cor amarela quando habilitado. Se desabilitado, é possível alinhar os componentes conforme a necessidade de disposição dos campos e é apresentado naem cor cinza.</p>
		</div>
	</div>
</div>


Desfazer ou refazer

...

Este recurso permite ao usuário desfazer as últimas 10 ações nos componentes adicionados ou configurações realizadas. Como também permite refazer as 10 últimas ações nos componentes ou configurações.

01. Acionar o ícone, Desfazer  para desfazer uma ou mais ações necessárias. 

02. Acione o ícone Refazer  para refazer uma ou mais ações necessárias.


Pré-visualizar formulário

...

01. Ao acionar o ícone de pré-visualizar  o formulário será apresentado no modo de visualização.

Painel
borderColor#f2f2f2
bgColor#f2f2f2

Esta ação permite visualizar o formulário como será apresentado momento da inserção dos registros de formulário.


Configurações

...

Este recurso possibilita definir configurações no seu formulário.

...

Painel
borderColor#f2f2f2
bgColor#f2f2f2

Ao definir o formulário como público, torna-se possível compartilhar o formulário com qualquer pessoa, mesmo pessoas que não possuem usuário cadastrado no aplicativo . É disponibilizada por meio de uma URL de compartilhamento.

Formulários definidos como Públicos podem ser importados para páginas no TOTVS Pages.


Salvar ou Publicar

...

Ao final da construção do formulário, é possível salvá-lo como também publicá-lo.

Salvar: acione Salvar localizado no canto superior direito do construtoreditor.

Painel
borderColor#f2f2f2
bgColor#f2f2f2

Uma mensagem confirmando a ação será apresentada e o formulário continuará aberto. É possível fechar o formulário após Salvar e consultá-lo a partir da Central de formulário tela inicial nas listas Últimos editados e Em edição.

...

Painel
borderColor#f2f2f2
bgColor#f2f2f2

Ao publicar o formulário, o construtor editor será fechado automaticamente e o formulário será apresentado na listagem da Central de formulários tela inicial nas listas Últimos editados e Forms publicados.

...