# j-ViewBox

> j-ViewBox: mantiene un porcentaje de altura fijo; gran uso para aplicaciones de intranet

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

- mantiene un porcentaje de altura fijo
- gran uso para aplicaciones de intranet
- soporta `releasing`

__Configuración__:

- `height {Number}` un porcentaje de altura
- `disabled {Boolean}` opcional, puede desactivar el contenido con la capa
- `parent {String}` opcional, un contenedor con altura fija, puede ser `window`. Valor predeterminado: elemento `parent`.
- `minheight {Number}` una altura mínima en píxeles (predeterminado: `0` - deshabilitado)
- `scroll {Boolean}` habilita el desplazamiento vertical (predeterminado: `false` - deshabilitado)
- `scrollbar {Boolean/String}` muestra la barra de desplazamiento (predeterminada: `true` o __nueva__: `native`)
- `delay {Number}` `msec.` cambia el tamaño del cuadro nuevamente si el valor se cambia según la ruta (predeterminado: `100`)
- `visibleY {Boolean}` todavía muestra la barra de desplazamiento `Y` (predeterminado: `false`)
- `visibleX {Boolean}` todavía muestra la barra de desplazamiento `X` (predeterminado: `false`)
- `scrollto {String}` se desplaza hacia arriba/abajo automáticamente si se cambia `path` (predeterminado: `EMPTY`, puede ser `top` o `bottom`)
- `margin {Number}` opcional, un margen superior/inferior juntos (admite `auto` que se cuenta desde `offset.top`, predeterminado: `0`)
- `marginxs {Number}` opcional, un margen superior/inferior juntos para el ancho de pantalla `xs`
- `marginsm` opcional, un margen superior/inferior juntos para el ancho de pantalla `sm`
- `marginmd` opcional, un margen superior/inferior juntos para el ancho de pantalla `md`
- `marginlg` opcional, un margen superior/inferior juntos para el ancho de pantalla `lg`
- `invisible {Boolean}` si `true` entonces viewbox establece la clase `invisible` cuando se está renderizando (predeterminado: `true`)
- `scrollbarshadow {Boolean}` si `true` entonces las barras de desplazamiento personalizadas contendrán sombra vertical (predeterminado: `false`)
- `initdelay {Number}` elimina la clase `inivisible` después del tiempo especificado (predeterminado: `250` ms)
- `centered {Boolean}` habilita el centrado vertical y horizontal del contenido (predeterminado: `false`)
- `resizedelay {Number}` retraso para cambiar el tamaño (predeterminado: `200`)
- __NUEVO__: `togglescrolled {String}` un selector DOM para los elementos principales (agrega la clase `ui-viewbox-scrolled` cuando se desplaza el cuadro de vista)

__Métodos__:

- `component.scrolltop(val)` se desplaza Y
- `component.scrollbottom(val)` desplaza Y desde la parte inferior
- `component.resize()` cambia el tamaño del contenedor (reacciona automáticamente a los eventos `resize`)
- `component.resizescrollbar()` cambia el tamaño de la barra de desplazamiento personalizada (destinada a casos especiales)

Úselo con `<ui-component name="viewbox">`. 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
<ui-component name="viewbox" config="height:30;parent:window" style="background-color:#F5F5F5">
	Always 30%
</ui-component>
<ui-component name="viewbox" config="height:70;parent:window" style="background-color:#E0E0E0">
	Always 70%
</ui-component>
```