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.
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.
Oh wow, thanks! I didn't know that this exists. Exactly what I was looking for!
If someone else is trying this out, please make sure to include the following:
And extend your PageTheme class like this:
Otherwise it won't work. The documentation is missing this out.
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.
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...