# j-InlineForm

> La nueva versión de este componente admite la evaluación dinámica del contenido de <script type='text/html'>. El siguiente ejemplo contiene un script con HTML y el componente evalúa el contenido si el j-In

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: es
Content-SHA256: 111e5c2e4009d2b95ec6003857e6f57fd74f182d44678b9c8794a297d0820d5c
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

- Funciona con Bootstrap
- El componente mueve el contenido de este componente bajo la etiqueta `<body>` (debido al posicionamiento)

__Configuración__:

- `title` {String} título del formulario
- `width` {Número} forma ancho máximo
- `icon` {String} Icono total sin `ti-` o la declaración completa, p. `ti ti-home`
- `reload` {String} un enlace a una función global y se ejecuta si se muestra el formulario
- `submit` {String} un enlace a una función global y se ejecuta si se presiona el botón enviar
- `cancel` {String} un enlace a una función global y se ejecuta si se presiona el botón cancelar
- `hide` {String} un enlace a una función global y se ejecuta si el formulario está oculto
- `enter` {Booleano} captura la clave `enter` automáticamente y realiza el envío (predeterminado: `false`)
- `default` {String} un alias corto para `DEFAULT(default, true)`
- `autohide` {Booleano} habilita la ocultación automática (predeterminado: `true`)
- `autofocus` {Booleano} realiza el enfoque automático a la entrada más cercana (predeterminado: `false`)

__Métodos__:

- `instance.show(opt)` - muestra el formulario
	- `opt.element` {elemento jQuery} elemento
	- `opt.align` {Cadena} puede ser `left` (predeterminado), `right` o `center`
	- `opt.offsetX` {Número} offsetX (predeterminado: `0`)
	- `opt.offsetY` {Número} desplazamientoY (predeterminado: `0`)
	- `opt.position` {Cadena} puede ser `top` (predeterminado) o `bottom`
	- `opt.callback` {Función} una función definida por el usuario `callback(hide)`, el atributo `hide` es `function`
- `instance.hide()` - oculta el formulario

__Es bueno saberlo__:

La nueva versión de este componente admite la evaluación dinámica del contenido de `<script type="text/html">`. El siguiente ejemplo contiene un script con HTML y el componente evalúa el contenido si se mostrará j-InlineForm (solo una vez).

```html
<div data---="inlineform">
	<script type="text/html">
		A CONTENT
	</script>
</div>
```

Úselo con `<ui-component name="inlineform">`. Cuando el componente aún no está cargado, jComponent lo descarga en el primer uso desde la dirección en `DEF.fallback` (el CDN Componentator de forma predeterminada). Autor: Peter Širka. Fuente: repositorio de componentes Componentator, licencia MIT.

```html example.html
<a href="javascript:void(0)" class="exec">Show inline form</a>

<ui-component name="inlineform" config="width:250;title:Title;submit:userform_submit" class="hidden">
	<div style="padding:10px 15px">SOME CONTENT</div>
	<nav>
		<button name="submit">SUBMIT</button>
		<button name="cancel">CANCEL</button>
	</nav>
</ui-component>

<script>

	function userform_submit(hide) {
		alert('SUBMIT');
		hide();
	}

	$(document).on('click', '.exec', function() {
		var opt = {};
		opt.element = $(this);
		opt.align = 'left';
		SETTER('inlineform', 'show', opt);
	});
</script>
```
