ForgeComposants
fr

Composants

j-ViewBox

jComponent 20 · jcomponent@20 component Exemple chargé avec jComponent 20
  • 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.

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>