# j-ViewBox

> j-ViewBox: maintient une hauteur de pourcentage fixe; grande utilisation pour les applications intranet

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: fr
Content-SHA256: 809ac4fe738b5170cda48258072e2688b9a24e8090d822b6517dd3a671c2d062
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

- Il maintient un taux fixe
- Excellente utilisation pour les applications intranet
- Soutenir le `releasing`

__Configuration__ :

- `height {Number}` pourcentage de hauteur
- `disabled {Boolean}` optionnel, peut désactiver le contenu avec la couche
- `parent {String}` en option, un conteneur à hauteur fixe, peut être `window`. Valeur par défaut : élément `parent`.
- `minheight {Number}` une hauteur minimale en pixels (defaut: `0` - désactivé)
- `scroll {Boolean}` permet le scrollage vertical (defaut: `false` - désactivé)
- `scrollbar {Boolean/String}` affiche la barre d'échantillonnage (defaut: `true` ou __new__: `native`)
- `delay {Number}` `msec.` reprend la boîte si la valeur est modifiée selon le chemin (defaut: `100`)
- `visibleY {Boolean}` affiche toujours la barre de scroll `Y` (defaut: `false`)
- `visibleX {Boolean}` affiche toujours la barre de scroll `X` (defaut: `false`)
- `scrollto {String}` tourne automatiquement vers le haut/bas si le `path` est modifié (defaut: `EMPTY`, peut être `top` ou `bottom`)
- `margin {Number}` facultatif, une marge de haut/bas ensemble (supportant `auto` qui est compté à partir de `offset.top`, par défaut: `0`)
- `marginxs {Number}` en option, une marge supérieure/inférieure ensemble pour la largeur d'écran `xs`
- `marginsm` en option, une marge supérieure/inférieure ensemble pour la largeur d'écran `sm`
- `marginmd` en option, une marge supérieure/inférieure ensemble pour la largeur d'écran `md`
- `marginlg` en option, une marge supérieure/inférieure ensemble pour la largeur d'écran `lg`
- `invisible {Boolean}` si la boîte d'affichage `true` met alors la classe `invisible` lors de la rendu (défaut: `true`)
- `scrollbarshadow {Boolean}` si `true` alors les scrollbars personnalisés contiennent une ombre verticale (defaut: `false`)
- `initdelay {Number}` supprime la classe `inivisible` après le temps spécifié (defaut: `250` ms)
- `centered {Boolean}` permet la concentration verticale et horizontale du contenu (defaut: `false`)
- `resizedelay {Number}` retard pour la reprise (défaut: `200`)
- __NEW__: `togglescrolled {String}` un sélecteur DOM pour les éléments mères (il ajoute la classe `ui-viewbox-scrolled` lorsque la boîte de vue est sculptée)

__Méthodes__ :

- `component.scrolltop(val)` défile Y
- `component.scrollbottom(val)` fait défiler Y depuis le côté inférieur
- `component.resize()` résiste au conteneur (il réagit automatiquement aux événements de `resize`)
- `component.resizescrollbar()` résise la barre de scroll personnalisée (dirigée pour les cas spéciaux)

Utilisez-le avec `<ui-component name="viewbox">`. Lorsque le composant n'est pas encore chargé, jComponent le télécharge lors de la première utilisation depuis l'adresse dans `DEF.fallback` (le CDN Componentator par défaut). Auteur : Peter Širka. Source : le référentiel de composants Componentator, licence 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>
```