ForgeKomponenty
cs

Komponenty

j-Rows

jComponent 20 · jcomponent@20 component Příklad načten s jComponent 20

Komponenta Rows je velmi jednoduchá alternativa k j-Layout a j-Layout2.


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ů

Dobré vědět:

Každá řada 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="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.

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>