# j-Rows

> Az összetevő Rows nagyon egyszerű alternatívája a j-Layout és a j-Layout2.

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: hu
Content-SHA256: 6d6b298e7c52d140b064b776f110ccd118030dbb8d6304bef3f42e7121f64f6e
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

A `Rows` összetevője nagyon egyszerű alternatíva a `j-Layout` és a `j-Layout2`.


__konfiguráció__:

- `parent {String}` Tartalmazhat `parent`, `window` vagy jQuery kiválasztó a `closest` Az alapértelmezett módszer (default `window`)
- `margin {Number}` hozzáadása margin a `height` (default: `0`)
- `marginlg {Number}` hozzáadja a `height` marginát a `LG` kijelzőhez (előzetes: `margin`)
- `marginmd {Number}` hozzáadja a `height` marginát a `MD` kijelzőhez (előzetes: `margin`)
- `marginsm {Number}` hozzáadja a `height` marginát a `SM` kijelzőhez (előzetes: `margin`)
- `marginxs {Number}` hozzáadja a `height` marginát a `XS` kijelzőhez (előzetes: `margin`)
- `noborder {Boolean}` meghibásodott határ (default: `false`)
- A `fontsize {Boolean}` a betűtípusok méretének százalékát teszi lehetővé

__Jó tudni__:

Minden sornak `<section>`-ben kell lennie, próbálja meg a példából megérteni.

__Attribútumok__:

- `data-size` tartalmaz egy rész méretét `LG,MD,SM,XS` --> pixelekben vagy százalékban, például: `200,200,200,0` (`0` azt jelenti, hogy rejtett)
- A `data-size`-es tulajdonság nélküli szakasz a maradék értékből számít

Használja a `<ui-component name="rows">`Amennyiben a készülék még nem tölthető le, jComponent letöltés az első felhasználásra a címről `DEF.fallback` (Azt a Componentator A szerző: Peter Širka. forrás: a Componentator Az összetevők raktár, MIT licenc.

```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>
```