j-Columns

Το συστατικό Columns είναι μια πολύ απλή εναλλακτική λύση στο j-Layout και το j-Layout2.Με αυτό το συστατικά μπορείτε να ρυθμίσετε στήλες με ύψος 100% ανάλογα με τις ανάγκες σας.

ΕΠΙΤΡΟΦΗ:

• Το 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} επιτρέπει το ποσοστό μεγέθους γραμματοσειράς ανάλογα με το μέγεθος των γραμμών (προεπιλεγμένο: false)

Μέθοδοι:

• SETTER('columns/refresh') - επαναφορτίζει όλα τα μεγέθη του section
• SETTER('columns/add', size, html_node) - προσθέτει μια νέα στήλη και εκτελεί αναζωογόνηση

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

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

ΙΔΙΟΤΗΤΑ:

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

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