j-Columns

De component Columns is een zeer eenvoudige alternatief voor j-Layout en j-Layout2. met deze component kunt u kolommen instellen met 100% hoogte naar uw behoeften.

Configuratie:

• parent {String} kan een parent, window of jQuery selector bevatten voor de closest-methode (default: window)
• margin {Number} toegevoegde marge aan height (default: 0)
• marginlg {Number} voegt de margin toe aan height voor het LG-display (default: margin)
• marginmd {Number} voegt de margin toe aan height voor het MD-display (default: margin)
• marginsm {Number} voegt de margin toe aan height voor het SM-display (default: margin)
• marginxs {Number} voegt de margin toe aan height voor het XS-display (default: margin)
• noborder {Boolean} onbeperkt grens (default: false)
• fontsize {Boolean} maakt percentage lettergrootte mogelijk volgens de grootte van de rijen (de standaard: false)

Methoden:

• SETTER('columns/refresh') - alle section opladen en de grootte instellen
• SETTER('columns/add', size, html_node) - voegt een nieuwe kolom toe en verfrisseert

Goed om te weten:

Elke kolom moet in <section> worden opgenomen, probeer dan uit het voorbeeld te begrijpen.

Attributen:

• data-size bevat een afdeling van LG,MD,SM,XS --> in pixels of percentage, bijvoorbeeld: 200,200,200,0 (0 betekent verborgen)
• sectie zonder data-size-attribuut zal worden berekend uit de residuele waarde

Gebruik het met <ui-component name="columns">Wanneer de component nog niet is geladen, jComponent Download het op eerste gebruik van het adres in DEF.fallback (De Componentator Schrijver: Peter Širka. bron: de Componentator Componenten repository, MIT licentie.

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