# j-ViewBox

> j-ViewBox: mantiene una percentuale fissa; ottimo uso per le applicazioni intranet

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: it
Content-SHA256: 02b58fd20a205c0536931ef46f5bf13822cf7e788a22f6bf626a07ce8b4488d6
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

- mantenere un percentuale fisso
- Ottimo utilizzo per le applicazioni intranet
- Supporto di `releasing`

__Configurazione__:

- `height {Number}` per cento di altezza
- `disabled {Boolean}` opzionale, può disattivare il contenuto con la striscia
- `parent {String}` opzionale, un contenitore con altezza fissa, può essere `window`Valore di default: `parent` Il elemento.
- `minheight {Number}` a altezza minima in pixel (default: `0` - disabilitato)
- `scroll {Boolean}` consente scorrimento verticale (default: `false` - disabilitato)
- `scrollbar {Boolean/String}` mostra la barra di scorrimento (default: `true` o __new__: `native`)
- `delay {Number}` `msec.` riprende la scatola se il valore è cambiato in base al percorso (default: `100`)
- `visibleY {Boolean}` mostra ancora la barra di scorrimento `Y` (default: `false`)
- `visibleX {Boolean}` mostra ancora la barra di scorrimento `X` (default: `false`)
- `scrollto {String}` scorrono automaticamente verso l'alto/basso se il `path` è cambiato (default: `EMPTY`, può essere `top` o `bottom`)
- `margin {Number}` opzionale, una margina superiore/bottom insieme (sopporti `auto` che è calcolato da `offset.top`, predefinito: `0`)
- `marginxs {Number}` opzionale, una margina superiore / inferiore insieme per la larghezza dello schermo `xs`
- `marginsm` opzionale, una margina superiore / inferiore insieme per la larghezza dello schermo `sm`
- `marginmd` opzionale, una margina superiore / inferiore insieme per la larghezza dello schermo `md`
- `marginlg` opzionale, una margina superiore / inferiore insieme per la larghezza dello schermo `lg`
- `invisible {Boolean}` se `true` quindi la casella di visualizzazione stabilisce la classe `invisible` quando si renderà (default: `true`)
- `scrollbarshadow {Boolean}` se `true` allora le scrollbars personalizzate contengono ombre verticali (default: `false`)
- `initdelay {Number}` rimuove la classe `inivisible` dopo il tempo specificato (default: `250` ms)
- `centered {Boolean}` consente la concentrazione verticale e oritonale del contenuto (default: `false`)
- Il ritardo di `resizedelay {Number}` per la resisione (default: `200`)
- __NEW__: `togglescrolled {String}` un selettore DOM per gli elementi genitori (appende la classe `ui-viewbox-scrolled` quando la casella di visualizzazione è girata)

__Metodi__:

- `component.scrolltop(val)` scorrere e
- `component.scrollbottom(val)` scorrere Y dal basso
- `component.resize()` rifiuta il contenitore (reagisce automaticamente agli eventi di `resize`)
- `component.resizescrollbar()` rifiuta la barra di scorrimento personalizzata (obiettivo per casi speciali)

Utilizzare con `<ui-component name="viewbox">`Quando il componente non è ancora caricato, jComponent Scarica il codice in prima utilizzazione dall'indirizzo `DEF.fallback` (Il Componentator La storia di Peter Širka.Fonte: il Componentator Ristorante dei componenti, licenza 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>
```