j-Columns

Komponenta Columns je velmi jednoduchou alternativou k j-Layout a j-Layout2. s touto složkou můžete nastavit sloupce o výšce 100% podle vašich potřeb.

Konfigurace:

• parent {String} může obsahovat parent, window nebo jQuery selektor pro metodu closest (předvolený: window)
• margin {Number} přidává margin na height (předvolený: 0)
• marginlg {Number} přidává margin na height pro displej LG (předvolený: margin)
• marginmd {Number} přidává margin na height pro displej MD (předvolený: margin)
• marginsm {Number} přidává margin na height pro displej SM (předvolený: margin)
• marginxs {Number} přidává margin na height pro displej XS (předvolený: margin)
• noborder {Boolean} Přímá hranice (default) false)
• fontsize {Boolean} umožňuje procentuální velikost písma podle velikosti řádků (předběžně: false)

Metody:

• SETTER('columns/refresh') - přehráva všechny velikosti section a nastaví
• SETTER('columns/add', size, html_node) - přidává novou sloupec a provádí osvěžení

Dobré vědět:

Každá sloupec musí být vázána v <section>, zkuste pochopit z příkladu.

Atributy:

• data-size obsahuje velikost sekce LG,MD,SM,XS -> v pixlech nebo procentech, například: 200,200,200,0 (0 znamená skryté)
• Sekce bez atributu data-size bude počítána z reziduální hodnoty

Použijte ji s <ui-component name="columns">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="columns" config="parent:window" class="hidden invisible">
	<section data-size="200">Left panel</section>
	<section>Main</section>
	<section data-size="200">Right panel</section>
</ui-component>