Árvore de páginas

Versões comparadas

Chave

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

Índice
exclude.*ndice


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.

Adicionar componentes ao formulário


01. Visualize os componentes de campo e de layout.

Painel

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

02. Escolha o componente desejado.

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

Painel

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 o mouse sobre o componente as seguintes ações são apresentadas:

Editar: possível editar o componente (as opções de edição variam de acordo com o tipo de componente).

Excluir: possível excluir 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, todos os componentes adicionados ficarão no topo do formulário, e quando está habilitado é apresentado na cor amarela. Caso o recurso seja desabilitado, é possível alinhar os componentes conforme a necessidade de disposição dos campos e é apresentado em 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.

Painel

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

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

02. Escolha uma lista de tarefas criada no aplicativo Tasks e selecione a lista desejada.