j-Rows

Die Komponente Rows ist eine sehr einfache Alternative zu j-Layout und j-Layout2.

Konfiguration:

• parent {String} kann parent, window oder jQuery-Selektor für die Methode closest enthalten (Standard: window)
• margin {Number} hinzufügt die Marge zu height (Default: 0)
• marginlg {Number} fügt Marge zu height für den LG Display hinzu (Default: margin)
• marginmd {Number} fügt Marge zu height für den MD Display hinzu (Default: margin)
• marginsm {Number} fügt Marge zu height für den SM Display hinzu (Default: margin)
• marginxs {Number} fügt Marge zu height für den XS Display hinzu (Default: margin)
• noborder {Boolean} deaktiviert den Rand (Standard: false)
• fontsize {Boolean} ermöglicht die Prozentsatzgröße gemäß der Größe der Zeilen

Gut zu wissen:

Jede Reihe muss in <section> verpackt werden, versuchen Sie aus dem Beispiel zu verstehen.

Attribute:

• data-size enthält eine Größe des Abschnitts LG,MD,SM,XS --> in Pixeln oder Prozentsatz, zum Beispiel: 200,200,200,0 (0 bedeutet versteckt)
• Abschnitt ohne data-size wird aus dem Restwert zählen

Verwenden Sie es mit <ui-component name="rows">. Wenn die Komponente noch nicht geladen ist, lädt jComponent sie bei der ersten Verwendung von der Adresse in DEF.fallback herunter (standardmäßig das CDN Componentator). Autor: Peter Širka. Quelle: Componentator-Komponenten-Repository, MIT-Lizenz.

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