ForgeKomponenten
de

Komponenten

j-ViewBox

jComponent 20 · jcomponent@20 component Beispiel mit jComponent 20 geladen
  • 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.

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>