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

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