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


Índice
exclude.*ndice

Falando de Editor de formulários...

...

O Editor de formulários possibilita a montagem de formulários O editor de formulário possibilita a construção de formulários, com o recurso de arrastar e soltar para incluir os componentes que devem ser apresentados, além de apresentar configurações para personalização dos componentes e aplicar regras de validação.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 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 editor em que ele deve ser apresentado.

Painel
borderColor#f2f2f2
bgColor#f2f2f2

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


Ações sobre os componentes

...

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

Image AddedEditar: possível editar o 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 campoComponentes de layout para verificar as configurações disponíveis.

Image AddedExcluir: possível excluir  exclui o componente adicionado.


Alinhar componentes ao topo

...

Para desabilitar ou habilitar o recurso:

01. Acione o ícone  apresentado no rodapé do editor para desabilitar ou habilitar.

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>, ou seja,e todos os componentes adicionados ficarão no topo do formulário, e quando está habilitado é. É apresentado na cor amarela. Casoquando o recurso sejahabilitado. Se desabilitado, é possível alinhar os componentes conforme a necessidade de disposição dos campos e é apresentado em cinza<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  uma janela é apresentada com o formulário que está sendo construído 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.

01. Acione  Configurações  > Segurança > Definir formulário como público?

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 , por meio de uma URL de compartilhamento.

Também é apresentada outra configuração ao definir o formulário como público que é a Integrações externas.

Integrações externas

Este recurso permite ao usuário adicionar uma lista de tarefas criada no aplicativo Tasks para que seja integrada ao formulário. Siga os passos abaixo:

01.  Expanda a parte de Integrações externas no íconeImage Removed.

...

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

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 tela inicial nas listas Últimos editados e Em edição.


Publicar:
 acione Publicar localizado no canto superior direito do editor.

Painel
borderColor#f2f2f2
bgColor#f2f2f2

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