j-Rows

jComponent 20 · jcomponent@20 component Príklad načítaný s jComponent 20

Komponent Rows je veľmi jednoduchou alternatívou k j-Layout a j-Layout2.

Konfigurácia:

parent {String} môže obsahovať parent, window alebo jQuery selektor pre metódu closest (predvolené: window)
margin {Number} pridať okraj k height (predvolené: 0)
marginlg {Number} pridá okraj k height pre zobrazenie LG (predvolené: margin)
marginmd {Number} pridá okraj k height pre zobrazenie MD (predvolené: margin)
marginsm {Number} pridá okraj k height pre zobrazenie SM (predvolené: margin)
marginxs {Number} pridá okraj k height pre zobrazenie XS (predvolené: margin)
noborder {Boolean} zakáže hranicu (predvolené: false)
fontsize {Boolean} umožňuje percentuálnu veľkosť písma podľa veľkosti riadkov

Je dobré vedieť:

Každý riadok musí byť zabalený v <section>, skúste to pochopiť z príkladu.

Atribúty:

data-size obsahuje veľkosť sekcie LG,MD,SM,XS --> v pixeloch alebo percentách, napríklad: 200,200,200,0 (0 znamená skryté)
úsek bez prívlastku data-size sa bude počítať zo zostatkovej hodnoty

Použite ho so <ui-component name="rows">. Keď komponent ešte nie je načítaný, jComponent ho stiahne pri prvom použití z adresy v DEF.fallback (predvolene CDN Componentator). Autor: Peter Širka. Zdroj: úložisko komponentov Componentator, licencia MIT.

example.html

<style>body { padding: 0; margin: 0; }</style>

<ui-component name="rows" config="parent:window" class="hidden invisible">
	<section data-size="33%">Top panel</section>
	<section>Main</section>
	<section data-size="33%">Bottom panel</section>
</ui-component>