Masonry CSS

1 week 2 days ago #77169 by micker
Replied by micker on topic Masonry CSS
hello i don't understand your question you want to add sometihing in core and break hability to update ??
flexicontent lastest isn't enought because we have to branch 3.3.1.5 and master (3.4)
its realy important to understand why you didn't have this option
can you try to check it in basic blog template ? to be sure ?

FLEXIcontent is Free but involves a very big effort on our part.
Like the our support? (for a bug-free FC, despite being huge extension) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing reviews. Thanks![/size]

Please Log in or Create an account to join the conversation.

1 week 2 days ago - 1 week 2 days ago #77171 by horsey
Replied by horsey on topic Masonry CSS
OK, I will. I just don't bother about customisations very much once I have a running version. I replaced most of the FC styles anyway. I'm in charge of that website and involved in that business for more than a decade, and I could keep track rather well. As you could see, its built around a Gantry template, which I just used as a base framework.

I would really like to know, where this masonry stuff happens. Whats so difficult to tell about it?

Instead of just answering my question, you point me to the obvious and try to school me about how I'd use your software.
I would even pay for it.

Please Log in or Create an account to join the conversation.

1 week 2 days ago - 1 week 2 days ago #77175 by ggppdk
Replied by ggppdk on topic Masonry CSS
Hello

i wrote the code for this,

e.g. inside the file

category_items(_html5).php

we have code that looks for CSS selector
ul.leadingblock
ul.introblock

and for the above 2 cases it applies masonry JS, (for our module carousel layout, it is very specific with a unique Tag ID so it cannot effect you)
do you have such CSS class for a UL list in your template ?

This is the code in our blog layout
// ITEMS as MASONRY tiles
if (!empty($this->items) && ($this->params->get('lead_placement', 0)==1 || $this->params->get('intro_placement', 0)==1))
{
	flexicontent_html::loadFramework('masonry');
	flexicontent_html::loadFramework('imagesLoaded');
 
	$js = "
		jQuery(document).ready(function(){
	";
	if ($this->params->get('lead_placement', 0)==1) {
		$js .= "
			var container_lead = document.querySelector('ul.leadingblock');
			var msnry_lead;
			// initialize Masonry after all images have loaded
			if (container_lead) {
				imagesLoaded( container_lead, function() {
					msnry_lead = new Masonry( container_lead );
				});
			}
		";
	}
 
	if ($this->params->get('intro_placement', 0)==1) {
		$js .= "
			var container_intro = document.querySelector('ul.introblock');
			var msnry_intro;
			// initialize Masonry after all images have loaded
			if (container_intro) {
				imagesLoaded( container_intro, function() {
					msnry_intro = new Masonry( container_intro );
				});
			}
		";
	}
}


-- Flexicontent is Free but involves a big effort on our part.
Like the our support? (for a bug-free FC, despite having a long list of functions) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing with a 5-star review. Thanks!

Please Log in or Create an account to join the conversation.

1 week 2 days ago #77176 by ggppdk
Replied by ggppdk on topic Masonry CSS
Hello

i see that you have a copy of blog layout
and i see inside HTML source
<ul class="g-grid introblock ..">

so the default code is to make it masonry,
even if you removed the parameter from category.xml , the code inside the file will use the default for the parameter which is yes

So you just need to remove the above PHP code (my previous reply) from your
files
category_items.php
or
category_items_html5.php


-- Flexicontent is Free but involves a big effort on our part.
Like the our support? (for a bug-free FC, despite having a long list of functions) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing with a 5-star review. Thanks!

Please Log in or Create an account to join the conversation.

1 week 1 day ago #77190 by horsey
Replied by horsey on topic Masonry CSS
Hello, thank you for the clarification! Masonry does a perfect job stacking the containers horizontal with absolute positions. Flex couldn't do that. Masonry has an option for "gutter" to add vertical space between items, I just can't find out how to apply it. But nevermind, I'll keep trying.

Please Log in or Create an account to join the conversation.

Moderators: vistamediajoomlacornerggppdk
© 2018 Flexicontent. All Rights Reserved.