ForgeKomponenty
pl

Komponenty

j-ViewBox

jComponent 20 · jcomponent@20 component Przykład załadowany z jComponent 20
  • Utrzymuje stałą wysokość procentową
  • Doskonałe zastosowanie do aplikacji intranetowych
  • Wsparcie releasing

Konfiguracja:

  • height {Number} - odsetek wysokości
  • disabled {Boolean} opcjonalny, może wyłączyć zawartość z warstwą
  • parent {String} Opcjonalnie, pojemnik o stałej wysokości może być windowPodstawowe wartości: parent elementy .
  • minheight {Number} minimalna wysokość w pikselach (default: 0 - nie jest dostępny)
  • scroll {Boolean} umożliwia pionowe skręcanie (default: false - nie jest włączony)
  • scrollbar {Boolean/String} wyświetla pasek skręcania (default: true lub new: native)
  • delay {Number} msec. odtwarza pudełko ponownie, jeśli wartość jest zmieniona zgodnie z ścieżką (default: 100)
  • visibleY {Boolean} nadal pokazuje pasek skręcania Y (default: false)
  • visibleX {Boolean} nadal pokazuje pasek skręcania X (default: false)
  • scrollto {String} automatycznie skręca się w górę/na dół, jeśli path jest zmieniony (default: EMPTY, może być top lub bottom)
  • margin {Number} opcjonalny, górna / dolna marża razem (podporuje auto licząc od offset.top, domyślnie: 0)
  • marginxs {Number} opcjonalny, górna / dolna margina razem dla szerokości ekranu xs
  • marginsm opcjonalny, górna / dolna margina razem dla szerokości ekranu sm
  • marginmd opcjonalny, górna / dolna margina razem dla szerokości ekranu md
  • marginlg opcjonalny, górna / dolna margina razem dla szerokości ekranu lg
  • invisible {Boolean} jeśli true następnie widok ustawia klasę invisible podczas renderowania (default: true)
  • scrollbarshadow {Boolean} jeśli true to wybrane skrzydła będą zawierać odcienie pionowe (default: false)
  • initdelay {Number} usuwa klasę inivisible po określonym czasie (default: 250 ms)
  • centered {Boolean} umożliwia skoncentrowanie zawartości pionowo i horyzonalnie (default: false)
  • resizedelay {Number} opóźnienie w rezygnacji (default: 200)
  • NEW: togglescrolled {String} wybór DOM dla elementów rodzicielskich (przyłącza klasę ui-viewbox-scrolled, gdy pudełko widokowe jest skręcone)

Metody:

  • component.scrolltop(val) skrócenie i
  • component.scrollbottom(val) skręca Y z dolnej strony
  • component.resize() odświeża pojemnik (reaguje automatycznie na wydarzenia resize)
  • component.resizescrollbar() odtwarza pasek skręcania (dotyczy specjalnych przypadków)

Użyj go z <ui-component name="viewbox">Gdy element nie jest jeszcze ładowany, jComponent Pobierz go po pierwszym użyciu z adresu DEF.fallback (Wydaje się Componentator Autor: Peter Širka Źródło: Componentator Zestaw składników, licencja 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>