Web Component: j-Columns
j-Columns
The component Columns
is a very simple alternative to j-Layout
and j-Layout2
. With this component you can set columns with 100% height by your needs.
Configuration:
parent
{String} can containparent
,window
or jQuery selector for theclosest
method (default:window
)margin
{Number} add margin toheight
(default:0
)marginlg
{Number} adds margin toheight
forLG
display (default:margin
)marginmd
{Number} adds margin toheight
forMD
display (default:margin
)marginsm
{Number} adds margin toheight
forSM
display (default:margin
)marginxs
{Number} adds margin toheight
forXS
display (default:margin
)noborder
{Boolean} disables border (default:false
)fontsize
{Boolean} enables percentual font-size according to the size of rows (default:false
)
Good to know:
Each column must be wrappend in <section>
, try to understand from example.
Attributes:
data-size
contains a size of sectionLG,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
Author
- Peter Širka petersirka@gmail.com
- License
Created
01. december 2020
Updated
23. january 2023
Version
v1
License
https://www.totaljs.com/license/
Dark mode
Yes
Responsive
Yes
Author
Peter Širka
Email
petersirka@gmail.com
