j-Rows
Komponenta Rows je velmi jednoduchá alternativa k j-Layout a j-Layout2.
Konfigurace:
parent {String}může obsahovatparent,windownebo jQuery selektor pro metoduclosest(předvolený:window)margin {Number}přidává margin naheight(předvolený:0)marginlg {Number}přidává margin naheightpro displejLG(předvolený:margin)marginmd {Number}přidává margin naheightpro displejMD(předvolený:margin)marginsm {Number}přidává margin naheightpro displejSM(předvolený:margin)marginxs {Number}přidává margin naheightpro displejXS(předvolený:margin)noborder {Boolean}Přímá hranice (default)false)fontsize {Boolean}umožňuje procentuální velikost písma podle velikosti řádků
Dobré vědět:
Každá řada musí být vázána v <section>, zkuste pochopit z příkladu.
Atributy:
data-sizeobsahuje velikost sekceLG,MD,SM,XS-> v pixlech nebo procentech, například:200,200,200,0(0znamená skryté)- Sekce bez atributu
data-sizebude počítána z reziduální hodnoty
Použijte ji s <ui-component name="rows">Pokud je součástka ještě nezačleněna, jComponent Stáhnout ji na první použití z adresy DEF.fallback a) The Componentator CDN dle předvolby. autor: Peter Širka. zdroj: Componentator Výrobce je autorizován, MIT licence.
<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>