Árvore de páginas

Versões comparadas

Chave

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

Índice


Índice
outlinetrue
exclude.*ndice
stylenone

Personalización de Temas de Formularios

En el editor de formularios, disponible en el editor de procesos, es posible seleccionar un template para el formulario que se está creando. Este estilo se puede personalizar por cualquier usuario que posee permiso al panel de control.

...

Deck of Cards
effectDuration0.5
historyfalse
idsamples
effectTypefade
Card
defaulttrue
idPasso1
labelPaso 1
effectTypeslide


  • Acceder el Panel de Control por el menú lateral.


Card
idPasso2
labelPaso 2
effectTypeslide


  • Haga clic en la pestaña de Procesos y después haga clic en el ítem Temas de Formularios.


Card
idPasso3
labelPaso 3
effectTypeslide


  • En la pantalla es posible realizar el download de temas ya registrados, definir si el tema está o no está activo para aparecer para el usuario y tema estándar que es el tema preseleccionado al crear un formulario. Para agregar un tema nuevo, haga clic en Agregar.


Card
idPasso4
labelPaso 4
effectTypeslide


  • En la pantalla para agregar un estilo nuevo, es necesario rellenar un código al tema, la descripción del tema y seleccionar el archivo CSS para realizar el upload


Haga clic en Guardar. después de esto el tema está registrado y ya se puede utilizar en el editor de formularios.



Recomendaciones 

Al hacer el upload de temas es importante seguir las siguientes reglas:

...

Em alguns casos é necessário utilizar do !important, pois são classes que já são utilizadas pelo TOTVS Fluig Plataforma e podem ser sobescritas.


HTML

El HTML generado automáticamente por el editor de formularios con apenas un campo, queda con la siguiente estructura:

Bloco de código
languagehtml/xml
titleFormulário
linenumberstrue
<form name="formulario">
	<h1 class="title-form-application">Formulario Exemplo</h1>
	<div class="form-field">
		<label class="label-field-properties">Campo Nome</label>
		<span class="is-required">
			<b>*</b>
		</span>
		<div class="form-input">
			<input type="text" name="nome" />
		</div>
	</div>
</form>


Ejemplo

A seguir crearemos un tema con:

...