j-Rows

The component Rows is a very simple alternative to j-Layout and j-Layout2.

Configuration:

• parent {String} can contain parent, window or jQuery selector for the closest method (default: window)
• margin {Number} add margin to height (default: 0)
• marginlg {Number} adds margin to height for LG display (default: margin)
• marginmd {Number} adds margin to height for MD display (default: margin)
• marginsm {Number} adds margin to height for SM display (default: margin)
• marginxs {Number} adds margin to height for XS display (default: margin)
• noborder {Boolean} disables border (default: false)
• fontsize {Boolean} enables percentual font-size according to the size of rows

Good to know:

Each row must be wrappend in <section>, try to understand from example.

Attributes:

• data-size contains a size of section LG,MD,SM,XS --> in pixels or percentage, example: 200,200,200,0 (0 means hidden)
• section without data-size attribute will be counted from the residual value

Use it with <ui-component name="rows">. When the component is not loaded yet, jComponent downloads it on first use from the address in DEF.fallback (the Componentator CDN by default). Author: Peter Širka. Source: the Componentator components repository, MIT license.

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