WebsiteBaker Support (2.11.x) > Modules

Does Bootstrap Multiple Columns work in php 7.1

(1/1)

sky writer:
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

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

sky writer:
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: ---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>

--- End code ---

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]

Ruud:

--- 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). 

--- End quote ---
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: ---} elseif ($framework == 3) { //Zurb Foundation
$rval = '<div class="grid-container"><div class="grid-x">'.$m;
$eval = '</div></div>';

--- End code ---

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

sky writer:
That works BEAUTIFULLY!  Thank you so much.

Navigation

[0] Message Index