I have one question: I am quite used to and use a lot the predefined colours in Harmony. I wondered if QGM could also offer it (maybe in an update)?<br />
Thanks a lot. Good to see a new product.
Hi Mick,
QGM actually contains the entire color selection list that Harmony uses, plus we've added a few more. Any color available in Harmony is available in Quick Grid.
savio
offlineMember
One initial thought is that this will actually reduce the amount of nested Harmony Instances I use (I am a big offender in probably using more than I should). Is there a code advantage of using this over nested harmony columns or nested harmony columns over this outside of perhaps the "speed" of making changes?QGM was developed to work perfectly with Harmony so you can mix and match them however needed. The underluing HTML and CSS in QGM is quite a bit more efficient than Harmony so using QGM to insert grid row/column structures inside a Harmony section can be beneficial. The only addition to the page would be the QGM stye sheet. I would choose the tool that best handles the job, usually QGM will be a better choice for nesting a few rows or columns.
Awesome thx!!
mick
offlineMember
I have one question: I am quite used to and use a lot the predefined colours in Harmony. I wondered if QGM could also offer it (maybe in an update)?<br /><br />
Thanks a lot. Good to see a new product.Hi Mick,
QGM actually contains the entire color selection list that Harmony uses, plus we've added a few more. Any color available in Harmony is available in Quick Grid.
Hi Gerry, great, thank you. I am going to buy it now!
georgedonathan
offlineMember
Late last night while working on a new project, I got this email announcement. It is exactly what I need for this current project. I too have CC and are looking forward to purchasing this within the next 72 hours or less.
03/13/21 - Purchased
John Nolan
offlineMember
Any chance of getting a few user class examples?
John Nolan
offlineMember
Hi John,
We'll be releasing some User Class and User Theme tutorials soon.. stay tuned.
Looking forward to them. Thanks!
Level 3 of the CSS Grid specification includes a full masonry property that will display a perfect masonry grid, however, it is not currently supported by any browsers, and only available in Firefox experimental mode. We'll need to wait a bit to see full browser support before this can be used.
Currently, the css grid spec (used in QGM) cannot produce a proper masonry grid. There are some faux masonry grid approaches, but they all fall short in properly allowing the grid elements to slide up or across to fill white space. Until the css grid masonry spec gets full browser support QGM should not be used to attempt a masonry grid since the grid elements cannot cross the row height and column width boundaries.
bizpat,
I put together an example of using QGM to build a 'faux masonry grid". It's about as close as you can get until the actual masonry css spec is supported in all browsers:
https://www.projectseven.com/products/tools/qgm/testing/masonry-qgm.htm
The QGM grid is assigned the: masonry User Class, the rules to copy are near the bottom of the page.
This converts the QGM to a column-based structure that allows the images to flow in columns, no rows. I also added a column count selection links at the top so that you can see the effect that the number of columns has.
Hopefully this will help :-)
bizpat,
I put together an example of using QGM to build a 'faux masonry grid". It's about as close as you can get until the actual masonry css spec is supported in all browsers:
https://www.projectseven.com/products/tools/qgm/testing/masonry-qgm.htm
The QGM grid is assigned the: masonry User Class, the rules to copy are near the bottom of the page.
This converts the QGM to a column-based structure that allows the images to flow in columns, no rows. I also added a column count selection links at the top so that you can see the effect that the number of columns has.
Hopefully this will help :-)
GREAT! I'll check it out. Thank you.
Close but it isn't flowing into responsive mode.
Testing with your new faux approach: https://biz-websites.com/2021gridmagic/
My first approach with just using 3-col boxes: https://greubel-signs.com/photos.php which at least goes to one width on phone:
https://greubel-signs.com/photos.php
Use of vertical photos can throw it off too much which is why I was looking for masonry effect.
On older sites, I used DW Masonry Gallery (extend studios) but it has been discontinued. Example: https://pctsart.com/portfolio-2020.php.
You just need to add a media query rule to get it to convert for mobile presentation. Add this style rule to convert it to one column on the phone:
@media only screen and (min-width: 0px) and (max-width: 768px) {
.p7QGM.masonry > .qgm-grid {
column-count: 1;
}
}
although you may want to try converting to 2 columns for the phone:
@media only screen and (min-width: 0px) and (max-width: 768px) {
.p7QGM.masonry > .qgm-grid {
column-count: 2;
}
}
Thanks Gerry!
https://biz-websites.com/2021gridmagic/
It fixed it.
choreo
offlineMember
Just used this on a new website. Made quick work out of solving a problem I was having. Love how you can easily choose to drop 4 columns to 2 on mobile!
You must log in to post.
