j-Columns

Il componente Columns è un'alternativa molto semplice a j-Layout e j-Layout2.Con questo componente puoi impostare colonne con altezza del 100% secondo le tue esigenze.

Configurazione:

• parent {String} può contenere il selettore parent, window o jQuery per il metodo closest (default: window)
• margin {Number} aggiunge la margine a height (default: 0)
• marginlg {Number} aggiunge margine a height per lo schermo LG (default: margin)
• marginmd {Number} aggiunge margine a height per lo schermo MD (default: margin)
• marginsm {Number} aggiunge margine a height per lo schermo SM (default: margin)
• marginxs {Number} aggiunge margine a height per lo schermo XS (default: margin)
• noborder {Boolean} disabilita la frontiera (default: false)
• fontsize {Boolean} consente la percentuale di dimensioni di font in base alla dimensione delle righe (default: false)

Metodi:

• SETTER('columns/refresh') - ricarica tutti i section e impone le dimensioni
• SETTER('columns/add', size, html_node) - aggiunge una nuova colonna e esegue il raffreddamento

Buono sapere:

Ogni colonna deve essere rivestita in <section>, cercare di capire dall'esempio.

Attributi:

• data-size contiene una dimensione della sezione LG,MD,SM,XS --> in pixel o percentuale, esempio: 200,200,200,0 (0 significa nascosto)
• La sezione senza atributo data-size sarà calcolata dal valore residuo

Utilizzare con <ui-component name="columns">Quando il componente non è ancora caricato, jComponent Scarica il codice in prima utilizzazione dall'indirizzo DEF.fallback (Il Componentator La storia di Peter Širka.Fonte: il Componentator Ristorante dei componenti, licenza MIT.

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