j-Columns

A Columns komponens nagyon egyszerű alternatíva a j-Layout és a j-Layout2. Ezzel a komponensrel 100% -os magasságú oszlopokat állíthat be az Ön igényeinek megfelelően.

konfiguráció:

• parent {String} Tartalmazhat parent, window vagy jQuery kiválasztó a closest Az alapértelmezett módszer (default window)
• margin {Number} hozzáadása margin a height (default: 0)
• marginlg {Number} hozzáadja a height marginát a LG kijelzőhez (előzetes: margin)
• marginmd {Number} hozzáadja a height marginát a MD kijelzőhez (előzetes: margin)
• marginsm {Number} hozzáadja a height marginát a SM kijelzőhez (előzetes: margin)
• marginxs {Number} hozzáadja a height marginát a XS kijelzőhez (előzetes: margin)
• noborder {Boolean} meghibásodott határ (default: false)
• fontsize {Boolean} lehetővé teszi a betűtípusok százalékos méretét a sorok méretének megfelelően (előzetes: false)

módszerek:

• SETTER('columns/refresh') - újratöltődik az összes section és a méreteket
• SETTER('columns/add', size, html_node) - új oszlopot ad hozzá és frissít

Jó tudni:

Minden oszlopnak <section>-ben kell lennie, próbálja meg a példából megérteni.

Attribútumok:

• data-size tartalmaz egy rész méretét LG,MD,SM,XS --> pixelekben vagy százalékban, például: 200,200,200,0 (0 azt jelenti, hogy rejtett)
• A data-size-es tulajdonság nélküli szakasz a maradék értékből számít

Használja a <ui-component name="columns">Amennyiben a készülék még nem tölthető le, jComponent letöltés az első felhasználásra a címről DEF.fallback (Azt a Componentator A szerző: Peter Širka. forrás: a Componentator Az összetevők raktár, MIT licenc.

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