j-Columns

Składnik Columns jest bardzo prostą alternatywą dla j-Layout i j-Layout2. z tym składnikiem można ustawić kolumny o wysokości 100% według Twoich potrzeb.

Konfiguracja:

• parent {String} może zawierać wybór parent, window lub jQuery dla metody closest (default: window)
• margin {Number} dodaje margines do height (default: 0)
• marginlg {Number} dodaje margines do height dla wyświetlacza LG (default: margin)
• marginmd {Number} dodaje margines do height dla wyświetlacza MD (default: margin)
• marginsm {Number} dodaje margines do height dla wyświetlacza SM (default: margin)
• marginxs {Number} dodaje margines do height dla wyświetlacza XS (default: margin)
• noborder {Boolean} nie jest granicą (default: false)
• fontsize {Boolean} umożliwia wielkość czcionki w zależności od wielkości kolejek (default: false)

Metody:

• SETTER('columns/refresh') - ponownie pobiera wszystkie rozmiary section
• SETTER('columns/add', size, html_node) - dodaje nową kolumnę i wykonuje odświeżanie

Dobrze wiedzieć:

Każda kolumna musi być wciśnięta w <section>, spróbuj zrozumieć z przykładu.

atrybuty:

• data-size zawiera rozmiar sekcji LG,MD,SM,XS --> w pikselach lub procentach, przykład: 200,200,200,0 (0 oznacza ukryte)
• Sekcja bez atrybutu data-size zostanie obliczona z wartości reszty

Użyj go z <ui-component name="columns">Gdy element nie jest jeszcze ładowany, jComponent Pobierz go po pierwszym użyciu z adresu DEF.fallback (Wydaje się Componentator Autor: Peter Širka Źródło: Componentator Zestaw składników, licencja 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>