j-Rows

Le composant Rows est une alternative très simple à j-Layout et j-Layout2.

Configuration :

• parent {String} peut contenir parent, window ou un sélecteur jQuery pour la méthode closest (par défaut : window)
• margin {Number} ajoute une marge à height (par défaut : 0)
• marginlg {Number} ajoute une marge à height pour l'affichage LG (par défaut : margin)
• marginmd {Number} ajoute une marge à height pour l'affichage MD (par défaut : margin)
• marginsm {Number} ajoute une marge à height pour l'affichage SM (par défaut : margin)
• marginxs {Number} ajoute une marge à height pour l'affichage XS (par défaut : margin)
• noborder {Boolean} désactive la bordure (par défaut : false)
• fontsize {Boolean} permet de procéder à la taille du chiffre selon la taille des lignes

Bon à savoir :

Chaque ligne doit être revêtue en <section>, essayez de comprendre par exemple.

Attributs :

• data-size contient une taille de section LG,MD,SM,XS --> en pixels ou pourcentage, exemple : 200,200,200,0 (0 signifie caché)
• la section sans attribut data-size sera comptée à partir de la valeur résiduelle

Utilisez-le avec <ui-component name="rows">. Lorsque le composant n'est pas encore chargé, jComponent le télécharge lors de la première utilisation depuis l'adresse dans DEF.fallback (le CDN Componentator par défaut). Auteur : Peter Širka. Source : le référentiel de composants Componentator, licence 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>