# j-ViewBox

> j-ViewBox: behält eine feste prozentuale Höhe bei; Tolle Verwendung für Intranet-Anwendungen

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: de
Content-SHA256: 2954e8698743199095e73a8c0da50074125e61ad35ae90965d1446070827358a
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

- behält eine feste prozentuale Höhe bei
- Hervorragende Verwendung für Intranet-Anwendungen
- unterstützt `releasing`

__Konfiguration__:

- `height {Number}` ein Prozentsatz der Höhe
- `disabled {Boolean}` optionale, kann Inhalte mit der Schicht deaktivieren
- `parent {String}` optional, ein Behälter mit fester Höhe, kann `window` sein. Standardwert: `parent`-Element.
- `minheight {Number}` eine minimale Höhe in Pixel (Standard: `0` – deaktiviert)
- `scroll {Boolean}` ermöglicht vertikales Scrollen (Standard: `false` – deaktiviert)
- `scrollbar {Boolean/String}` zeigt eine Schallbar (Default: `true` oder __new__: `native`)
- `delay {Number}` `msec.` ändert die Größe der Box erneut, wenn der Wert entsprechend dem Pfad geändert wird (Standard: `100`)
- `visibleY {Boolean}` zeigt immer noch die `Y` Scrollbar (Default: `false`)
- `visibleX {Boolean}` zeigt immer noch die `X` Scrollbar (Default: `false`)
- `scrollto {String}` dreht sich automatisch nach oben / unten, wenn die `path` geändert wird (Default: `EMPTY`, kann `top` oder `bottom`)
- `margin {Number}` optional, ein oberer/unterer Rand zusammen (unterstützt `auto`, das ab `offset.top` gezählt wird, Standard: `0`)
- `marginxs {Number}` optional, ein oberer/unterer Rand zusammen für `xs` Bildschirmbreite
- `marginsm` optional, ein oberer/unterer Rand zusammen für `sm` Bildschirmbreite
- `marginmd` optional, ein oberer/unterer Rand zusammen für `md` Bildschirmbreite
- `marginlg` optional, ein oberer/unterer Rand zusammen für `lg` Bildschirmbreite
- `invisible {Boolean}`, wenn `true` dann die Ansichtskarte stellt `invisible` Klasse, wenn es renderiert wird (Default: `true`)
- `scrollbarshadow {Boolean}`, wenn `true` dann die benutzerdefinierten Scrollbars vertikale Schatten enthalten (Default: `false`)
- `initdelay {Number}` entfernt die `inivisible` Klasse nach der angegebenen Zeit (Default: `250` ms)
- `centered {Boolean}` ermöglicht die vertikale und horizontale Zentrierung für den Inhalt (Default: `false`)
- `resizedelay {Number}` Verzögerung für die Rückführung (Default: `200`)
- __NEW__: `togglescrolled {String}` ein DOM-Selector für die Elternelemente (es fügt die `ui-viewbox-scrolled` Klasse hinzu, wenn die Ansichtskarte geschaltet wird)

__Methoden__:

- `component.scrolltop(val)` scrollt Y
- `component.scrollbottom(val)` scrollt Y von unten
- `component.resize()` resisiert den Behälter (es reagiert automatisch auf `resize` Ereignisse)
- `component.resizescrollbar()` ändert die Größe der benutzerdefinierten Bildlaufleiste (für Sonderfälle gedacht)

Verwenden Sie es mit `<ui-component name="viewbox">`. Wenn die Komponente noch nicht geladen ist, lädt jComponent sie bei der ersten Verwendung von der Adresse in `DEF.fallback` herunter (standardmäßig das CDN Componentator). Autor: Peter Širka. Quelle: Componentator-Komponenten-Repository, MIT-Lizenz.

```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>
```