# j-ViewBox

> j-ViewBox: utrzymuje stałą wysokość procentową; świetne zastosowanie do aplikacji intranetowych

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

- 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ć `window`Podstawowe 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.

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