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 -> в пиксели или проценти, например: 200,200,200,0 (0 означава скрито)
• секцията без атрибут data-size ще се брои от остатъчната стойност

Използвайте го с <ui-component name="rows">Когато компонентът все още не е зареден, jComponent Изтегляне на първия адрес в DEF.fallback (След това Componentator Източник: Питър Шерка 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>