j-Rows

Il componente Rows è una semplice alternativa a j-Layout e j-Layout2.

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 font secondo le dimensioni delle righe

Buono sapere:

Ogni riga 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="rows">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="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>