Page 1 of 1

Want to build a grid with columns & rows

Posted: Tue Apr 02, 2019 3:51 pm
by dnlyko
Something like this

http://matrixsupply.ca/

Is there a tool that one could just tell how many columns, rows, size, space etc.

Basically like the options found in the photo gallery tools

Thanks

Re: Want to build a grid with columns & rows

Posted: Tue Apr 02, 2019 3:58 pm
by Pablo
The specified website does not use a responsive/flexible grid, it's a just a static (absolute) layout.
But if you want to create a responsive/flexible layout then you can use:
- layout grid
- flex box
- flex grid

Related tutorial:
http://www.wysiwygwebbuilder.com/layout_modes.html

Re: Want to build a grid with columns & rows

Posted: Tue Apr 02, 2019 4:22 pm
by dnlyko
I would like to just setup a bunch of breakpoints and then tell the grid how many columns to use in each breakpoint. That is how I did it on mysnapsonline.com and works well for images.

I am endeavoring to build a navigation menu as appears on the index page of mysnapsonline.com but with perhaps 100 or more links. I really like the square tile menu that Microsoft uses on Windows 8 & 10 in tablet mode

Re: Want to build a grid with columns & rows

Posted: Tue Apr 02, 2019 5:04 pm
by Pablo
This can be done with the flex grid.

For an overview of the available menu please see:
http://wysiwygwebbuilder.com/navigation.html

Re: Want to build a grid with columns & rows

Posted: Wed Apr 03, 2019 4:57 am
by dnlyko
Yes I was able to but it seems that a FlexGrid will not be placed in the 'Content Place Holder' of a master-page.
At least I have not been able to get it to work with the master-page.

Re: Want to build a grid with columns & rows

Posted: Wed Apr 03, 2019 5:58 am
by Pablo
FlexGrid can be used in a flexible layout only.