EXTENDED OPTIONS
EXTENDED OPTIONS

NEW**! v3.0 - New in jor_gridRip3.0 are - three powerful EXTENDED options

• 01. grid (fluid) columns height
• 02. grid full width background
• 03. grid columns parallax speed / direction / limit


These options do not add a new function to jor_gridRip functions itself, but add three complete  NEW  functions for WB LayoutGrids
These options allow to use the background properties of grid columns in a more effective and visual appealing approach
Grid columns can be designed in a greater esthetic block division and provide additional creativity

Below we can see an example of a   without   and   with   these EXTENDED options enabled
• WITHOUT EXTENDED OPTIONS

• EXTENDED OPTIONS are not used

01. The 3 columns are unequal in height
02. Grid background is limited to  maximum width  set
BACKGROUND LIMIT ?
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero.

Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
COLUMNS HEIGHT ?
• WITH EXTENDED OPTIONS

• EXTENDED OPTIONS are enabled in jor_gridRip - [ column height + full width ]

01. The 3 columns maintain equal in height
02. Grid background is  not  limited to  maximum width  set - maintains full width
BACKGROUND LIMIT ?
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero.

Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
COLUMNS HEIGHT ?
GRID COLUMNS HEIGHT

GRID COLUMNS HEIGHT
The  grid columns height  option allows to set and maintain equal height for columns in a LayoutGrid
GRID BACKGROUND FULL WIDTH

GRID BACKGROUND FULL WIDTH
If a   maximum width   is set for a grid the  background  of course will follow the limit of the  max-width  set
With the   background | full width   enabled this behavior changes, - the background will then maintain it's full width
Additional NEW in jor_gridRip are it's powerful EXTENDED parallax options, - which adds a whole range of new possibilities of creative design
• PARALLAX EXTENDED OPTIONS

• EXTENDED OPTIONS are enabled in jor_gridRip - [ column height + parallax + full width ]
TEXTURE HORIZONTAL !
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero.

Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
IMAGE VERTICAL !
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero.

Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
PARALLAX

jor_gridRip extended parallax options allow for   independent   speed / direction / limit   setup for grid columns

GRID COLUMNS PARALLAX SPEED
The  columns | - | parallax | speed  property allows to set an independent parallax speed for the selected grid columns

GRID COLUMNS PARALLAX  LIMIT
jor_gridRips extended parallax does not limit to the WB parallax mode option, - instead any column background image is parallax-ed
The  columns | - | parallax | limit  property however allows to limit the parallax to our requirments
false  = parallax any column background image (cover/contain/texture/gradient  etc)
string = parallax only the targeted columns - exmp  1,3  (=columns 1 and 3 will parallax if a background image is found)

GRID COLUMNS PARALLAX  HORIZON
The  columns | - | parallax | horizon  property allows to set the direction of the parallax in a   vertical   or   horizontal   motion
All columns can be set to parallax   vertical   or   horizontal   or   specific columns can be targeted to parallax horizontal
false  = parallax all columns vertical
true   = parallax all columns horizontal
string = parallax only the targeted columns horizontal - exmp.  1,3  (= columns 1 and 3 will parallax horizontal)


NOTE: the property   columns | height   must be enabled to use jor_gridRips parallax options
WARNING: jor_gridRip adds parallax function to   each   grid column  individual , - use parallax with caution and judgment, optimize!

NOTE: for  default  demo behavior the  texture  in the above example is forced - delete the   FilePublisher   to the right here to gain control  -  > > > > > > > >
NOTE

jor_gridRip has to challenge many difficulties to produce it's EXTENDED options
Be sure to read the   jor_gridRip.pdf manual   found in the download to get a full understanding of it's functions
• Take special note of the   cover safe mode   property !!!
POWERFULL EXTENDED OPTIONS

• Grid (fluid) columns maintain equal height
• Grid background maintain full width
• Independent  parallax  speed / direction / limit  per  grid columns
• Extend independent parallax settings by callback
• All extended options can be applied to  nested grids  as well
• jor_gridRip returns the original columns height setup after it's breakpoint, - maintaining good block design


jor_gridRips EXTENDED OPTIONS offer powerful extended options for enhanced esthetic design !

• see a full template demo with jor_gridRips extended options - here
EXTENDED OPTIONS