# j-Layout2 > Η δημιουργία του layout είναι πολύ εύκολη. Framework: jcomponent20 Product: jComponent 20 (jcomponent@20) Language: el Content-SHA256: 3e1a02b2e9491aa26ef051416a37528bf8cb1f70921fa9d8a08bbffa645f155d Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e Review: not-recorded - Αυτό το στοιχείο είναι ένα πολύ απλό συστατικό σε σύγκριση με το `j-Layout`. __ΕΠΙΤΡΟΦΗ__: - Το `parent` {String} μπορεί να περιέχει τον επιλεκτή `parent`, `window` ή jQuery για τη μέθοδο `closest` (επιλογή: `window`) - Το `margin` {Συνολικά} προσθέτει το περιθώριο για το `height` (προεπιλεγμένο: `0`) - `autoresize` {Boolean} επιτρέπει την αυτο-απομίμηση (προεπιλεγμένη: `true`) __Μέθοδοι__: - Το `component.show(type)` μπορεί να εμφανίσει ένα συγκεκριμένο πάνελ για κινητές συσκευές, το `type` μπορεί να είναι `left`, `right` ή `main` - Το `component.resizescrollbar(panel_type)` αναζωογονεί ένα στρολ μπαρ για ένα συγκεκριμένο πάνελ - `component.scrolltop(panel_type)` στροφές προς τα πάνω για ένα συγκεκριμένο πάνελ __Τύποι Panel__: - Εξωτερικό πίνακα `left` - Πίνακας `right` - `top` κορυφαίο πάνελ (είναι το πάνελ πάνω από όλα τα πάνελ) - Το ανώτατο πίνακας `top2` και χρησιμοποιεί το κλειδί `top` στην επιλογή (είναι μεταξύ του πίνακα `left` και `right`) - `bottom` κάτω πάνελ (είναι το πάνελ στο κάτω μέρος όλων των πάνελ) - Το υποβρύχιο `bottom2` και χρησιμοποιεί το κλειδί `bottom` στην επιλογή (είναι μεταξύ του πίνακα `left` και `right`) - Παρουσιάζει το `main` __Λάιουτ__: Η δημιουργία του layout είναι πολύ εύκολη. ```html
``` __ΙΔΙΟΤΗΤΑ__: - Το `data-type` πρέπει να περιέχει ένα είδος τμήματος `top`, `top2`, `left`, `right`, `bottom`, `bottom2` ή `main` - Το `data-size` περιέχει ένα μέγεθος του τμήματος `LG,MD,SM,XS` --> σε pixels ή ποσοστό, για παράδειγμα: `200,200,200,0` (`0` σημαίνει κρυμμένο) ή `20%` (όλες οι τιμές θα κληρονομήσουν το `20%`) - Το `data-scrollbar="margin:50;visible:1"` επιτρέπει το scrollbar, πιθανές τιμές: - `selector` {String} προαιρετικό, jQuery επιλεκτήρα για το δοχείο scrollbar - `margin` {Συνολικά} στρογγυλό περιθώριο (προεπιλεγμένο: `0`) - `visible` {Boolean} δείχνει το scrollbar __Καλό να ξέρεις__: - Κάθε πάνελ είναι το στοιχείο `section` και πρέπει να περιέχει χαρακτηριστικό `data-type="top"` με τύπο πάνελ - Ορίστε μόνο τα πάνελ που θα χρησιμοποιήσετε - Η παραγγελία όλων των στοιχείων `section` δεν είναι σημαντική Χρησιμοποιήστε το με ``Όταν το στοιχείο δεν έχει φορτωθεί ακόμα, jComponent Κατεβάστε το για πρώτη φορά από τη διεύθυνση `DEF.fallback` (Η Componentator Συγγραφέας: Peter Širka. πηγή: το Componentator Ετικέτες Αξιολόγηση, MIT άδεια. ```html example.html ```