j-Rows

Το συστατικό Rows είναι μια πολύ απλή εναλλακτική λύση στο j-Layout και το j-Layout2.

ΕΠΙΤΡΟΦΗ:

• Το parent {String} μπορεί να περιέχει τον επιλεκτή parent, window ή jQuery για τη μέθοδο closest (προεπιλογή: window)
• margin {Number} προσθέτει περιθώριο στο height (προεπιλεγμένο: 0)
• Το marginlg {Number} προσθέτει το περιθώριο στο height για την οθόνη LG (προεπιλεγμένο: margin)
• Το marginmd {Number} προσθέτει το περιθώριο στο height για την οθόνη MD (προεπιλεγμένο: margin)
• Το marginsm {Number} προσθέτει το περιθώριο στο height για την οθόνη SM (προεπιλεγμένο: margin)
• Το marginxs {Number} προσθέτει το περιθώριο στο height για την οθόνη XS (προεπιλεγμένο: margin)
• noborder {Boolean} διακόπτει το όριο (προεπιλεγμένο: false)
• fontsize {Boolean} επιτρέπει το ποσοστό μεγέθους γραμματοσειράς ανάλογα με το μέγεθος των γραμμών

Καλό να ξέρεις:

Κάθε γραμμή πρέπει να συσσωρεύεται σε <section>, προσπαθήστε να καταλάβετε από το παράδειγμα.

ΙΔΙΟΤΗΤΑ:

• data-size περιέχει ένα μέγεθος του τμήματος LG,MD,SM,XS --> σε pixels ή ποσοστό, για παράδειγμα: 200,200,200,0 (0 σημαίνει κρυμμένο)
• Το τμήμα χωρίς χαρακτηριστικό data-size θα υπολογιστεί από την υπόλοιπη αξία

Χρησιμοποιήστε το με <ui-component name="rows">Όταν το στοιχείο δεν έχει φορτωθεί ακόμα, jComponent Κατεβάστε το για πρώτη φορά από τη διεύθυνση DEF.fallback (Η Componentator Συγγραφέας: Peter Širka. πηγή: το Componentator Ετικέτες Αξιολόγηση, 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>