5.7.5.4 - Set exact breakpoints in "add Layout"

Permalink
I'm using Foundation5.

Now I've got the problem that if I add a layout to my main area with 4 columns that each take up 3 space of my 12 column grid....

The class that gets set is medium-3. And so it's fine in small view as it takes up 12 columns and in large view as it takes up 3 columns.....

...but in medium it also takes up 3 columns and everything seems squished together. I'd prefer to have a setup of small-12 medium-6 large-3. Can I even do that with the "add layout" tool? Set it in the code somehow?

I think it would be a major design flaw if you can only set the used column with for medium and large view together.

 
MrKDilkington replied on at Permalink Best Answer Reply
MrKDilkington
Hi Kiesel,

I believe layout presets would accomplish this.

"Adding Complex Custom Layout Presets in Your Theme"
http://www.concrete5.org/documentation/developers/5.7/designing-for...

To use layout presets, you must use the ThemeProviderInterface interface.

Example:
https://github.com/concrete5/concrete5/blob/develop/web/concrete/the...
Kiesel replied on at Permalink Reply
Oh wow, thanks! I didn't know that this exists. Exactly what I was looking for!
Kiesel replied on at Permalink Reply
If someone else is trying this out, please make sure to include the following:
use Concrete\Core\Area\Layout\Preset\Provider\ThemeProviderInterface;


And extend your PageTheme class like this:
class PageTheme extends Theme implements ThemeProviderInterface{
}


Otherwise it won't work. The documentation is missing this out.