TOTVS Fluig

Atalhos

Árvore de páginas

Versões comparadas

Versão antiga 36

changes.mady.by.user Samara Buettgen

Gravado em

comparado com

Nova versão 37

changes.mady.by.user Samara Buettgen

Gravado em

Chave

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

Índice
exclude.*ndice

Falando de

...

Editor de

...

formulários...

...

O construtor Editor de formulários possibilita a montagem de forms 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.

Adicionar componentes ao formulário

...

01. Visualize os componentes de campo e de layout.

...

Painel

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:

...

Excluir: exclui o componente adicionado.


Alinhar componentes ao topo

...

Para desabilitar ou habilitar o recurso:

...

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

...

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


Salvar ou Publicar

...

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

...