WebsiteBaker Community Forum

WebsiteBaker Support (2.11.x) => Modules => Topic started by: sky writer on March 26, 2018, 11:44:02 PM

Title: Does Bootstrap Multiple Columns work in php 7.1
Post by: sky writer on March 26, 2018, 11:44:02 PM

I have this module working on a site under php 5.6 (wb portable), but the same site is not working under 7.1. (WB Portable)
wb 2.11

Title: Re: Does Bootstrap Multiple Columns work in php 7.1
Post by: dbs on March 27, 2018, 07:59:26 AM

Hi, have this module running in different websites with WB 2.11 and PHP7.1.x
Any error messages?

Title: Re: Does Bootstrap Multiple Columns work in php 7.1
Post by: sky writer on March 31, 2018, 06:59:47 AM

Sorry to take so long replying.  I have been trying every angle to figure out what is causing all my columns to be 100% width (stacked), no matter my settings.

I finally realized the issue.  I use Zurb Foundation, and the sites I had Bootstrap Multiple Columns working nicely on, had Foundation v6.3.1 installed.  I forgot that these new sites have the newest version 6.4.2
It appears that this module is not compatible with 6.4.2 (or vise-versa), perhaps because of new grid implementation (flexbox-first with XY grid). 

Not sure if this can be added into the module easily, but if not, there are other options on the Foundation end.  I tried reading about it on the Zurb site, and they say you can download a custom version with legacy fallback, but it's been a long day.

I found this difference on another support forum:

Code: [Select]

Legacy Grid (float / flex)

<div class="row">
  <div class="columns small-4">column</div>
  <div class="columns small-4">column</div>
  <div class="columns small-4">column</div>
</div>

XY Grid

<div class="grid-container">
  <div class="grid-x">
    <div class="cell small-4">cell</div>
    <div class="cell small-4">cell</div>
    <div class="cell small-4">cell</div>
  </div>
</div>

I will try to look at this with fresh eyes tomorrow, but for now, I am happy to know what was causing the problem.[/quote]

Title: Re: Does Bootstrap Multiple Columns work in php 7.1
Post by: Ruud on April 04, 2018, 04:24:15 PM

Quote from: sky writer on March 31, 2018, 06:59:47 AM

It appears that this module is not compatible with 6.4.2 (or vise-versa), perhaps because of new grid implementation (flexbox-first with XY grid). 

Unfortunatly I do not have any Zurb Foundation templates using that version for testing.

You could try to solve it by modifying the 2 functions __getRow() and __getCols() in the functions.php.
In __getRow()

Code: [Select]

} elseif ($framework == 3) { //Zurb Foundation
$rval = '<div class="grid-container"><div class="grid-x">'.$m;
$eval = '</div></div>';

and in __getCols() just replace the word columns with cells in the Zurb Foundation $dval setting..

Title: Re: Does Bootstrap Multiple Columns work in php 7.1
Post by: sky writer on April 04, 2018, 08:49:06 PM

That works BEAUTIFULLY!  Thank you so much.