# j-Rows

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

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: el
Content-SHA256: 632f9f0918f602630758a87b2c9b47370452f6539fdcf0cef837141aa8814575
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

Το συστατικό `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 άδεια.

```html example.html
<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>
```
