Choose between col-md col-sm... Etc

Permalink 1 user found helpful
Hi,

Adding layout using the bootstrap3 is super cool however sometimes I want to have 3 columns layout of col-sm and other times I want it col-md..

The grid accepts only one configuration! Is it possible to choose between the columns type (large, medium, small, extra small)?

Thanks in advance.

View Replies: View Best Answer
WillemAnchor replied on at Permalink Reply
WillemAnchor
you can mix more classes to one <div>

go from small to large:

.col-12-xs .col-md-8
or:
.col-6-xs .col-md-4

have a look here:http://getbootstrap.com/examples/grid/...
Ta2Ta2 replied on at Permalink Reply
How this will be incorporated to the GridFramework?

Having in mind the GridFramework code look like this only
public function getPageThemeGridFrameworkColumnClasses()
{
$columns = array(
'col-md-1',
'col-md-2',
'col-md-3',
'col-md-4',
'col-md-5',
'col-md-6',
'col-md-7',
'col-md-8',
'col-md-9',
'col-md-10',
'col-md-11',
'col-md-12'
MrKDilkington replied on at Permalink Reply
MrKDilkington
@Ta2Ta2

There is a discussion on GitHub about how to add multiple grid classes.
https://github.com/concrete5/concrete5/issues/476...

It is a complex task. If anyone has ideas on how to implement it, please add your input.
Ta2Ta2 replied on at Permalink Reply
Thanks for sharing!

Lets hope this will come out sometime soon...
derykmarl replied on at Permalink Reply
Would also like this - sometimes columns will fit nicely onto a tablet and should only wrap on a phone (default), sometimes they should wrap on a tablet too (col-md-x)

It's possible using a HTML block of course and just coding the area by hand, but everything inside the area has to be coded by hand too as far as I can see, which means you can't add pre-made blocks.

I thought of maybe adding a "Bootstrap 3 Wrap at Medium" grid framework in the hopes it could be added to the dropdown menu for adding a layout but pThemeGridFrameworkHandle will only take one parameter so that's out.

I see that the issues referenced have been closed (the idea is deemed to be complicating the interface too much) but welcome any ideas of how to do this some other way, maybe I'm just approaching the whole concept from the wrong angle.
MrKDilkington replied on at Permalink Reply
MrKDilkington
The upcoming 5.7.5 release will include additional grid features.

"Implement Custom Grid Presets at the Theme Class Level #2552"
https://github.com/concrete5/concrete5/issues/2552...
derykmarl replied on at Permalink Reply
Great, will keep an eye out for 5.7.5!

Still not quite au fait with how things work here - with 2552 having a status of "closed" and that lengthy explanation at the end pointing to 2550 and 2551 (the former is a step nearer but doesn't quite do this and is also closed) it didn't sound like it was going any further than just a device preview. Good news it it does, though!
MrKDilkington replied on at Permalink Reply
MrKDilkington
@marlintl

When issues in a milestone are closed, you will often see a link to the commits that address the issue. If there is no link to the commits, you can check the develop and active branches.

https://github.com/concrete5/concrete5/branches...
derykmarl replied on at Permalink Reply
Excellent news, I see it now, many thanks for the clarification!
ob7dev replied on at Permalink Reply
ob7dev
Did this ever get implemented? I'm using 5.7.5.2 I don't see any grid options, and I am here trying to find a solution to get something other than col-sm grid layout...
MrKDilkington replied on at Permalink Best Answer Reply
MrKDilkington
@ob7

This was implemented in 5.7.5.

"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.
https://github.com/concrete5/concrete5/blob/develop/web/concrete/the...
Ta2Ta2 replied on at Permalink Reply
@ob7 I implemented this solution as provided by @MrKDIIkington and worked perfect for me!