j-Columns

Componentul Columns este o alternativă foarte simplă la j-Layout și j-Layout2. cu acest component puteți stabili coloane cu înălțime de 100% în funcție de nevoile dvs.

Configurarea:

• parent {String} poate conține un selector parent, window sau jQuery pentru metoda closest (default: window)
• margin {Number} adăuga marja la height (default: 0)
• marginlg {Number} adaugă marginea la height pentru afișarea LG (default: margin)
• marginmd {Number} adaugă marginea la height pentru afișarea MD (default: margin)
• marginsm {Number} adaugă marginea la height pentru afișarea SM (default: margin)
• marginxs {Number} adaugă marginea la height pentru afișarea XS (default: margin)
• noborder {Boolean} este limită de defecțiune (default: false)
• fontsize {Boolean} permite dimensiunea de font în funcție de mărimea rândurilor (default: false)

Metode:

• SETTER('columns/refresh') - reîncărcă toate section și setă dimensiunile
• SETTER('columns/add', size, html_node) - adăuga o nouă coloană și face refresh

bine să știi:

Fiecare coloană trebuie să fie încorporată în <section>, încercați să înțelegeți din exemplu.

Atributele:

• data-size conține o dimensiune a secțiunii LG,MD,SM,XS --> în pixeli sau procente, de exemplu: 200,200,200,0 (0 înseamnă ascuns)
• Secțiunea fără atribut de data-size va fi calculată din valoarea reziduală

Utilizați-l cu <ui-component name="columns">Când componenta nu este încă încărcată, jComponent Descărcați-l la prima utilizare de la adresa DEF.fallback (în cazul Componentator Autor: Peter Širka. sursă: Componentator Componente de stocare, MIT licență.

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