Skip to Content Skip to Menu

Now that Bootstrap 4 and Fontawesome 5 are both officially stable lets talk about what the plan is going forward for Community Builder for both of these frameworks. Check out the details below.

CB Currently is using Bootstrap 3 and Fontawesome 4. Some of you may know that Bootstrap 4 will become the default in Joomla 4. So to prepare for that CB will of course be upgrading to Bootstrap 4. The main questions being when and how does this affect you.

As for the impact this will have on your site it more or less should be nearly unnoticeable. There are some styling changes between B4 and B3, but they're primarily changes to a few of the colors making them more vibrant. We will be dropping the theme though (which is no longer default packaged with B4) so a lot of gradient button usages will become flat. Beyond that unless you've supplied custom HTML specifically utilizing B3 or F4 classes you'll have nothing to worry about. I'll directly answer some expected questions below as well.

As for the when. We've the following timeline planned, but please understand it's entirely subject to change depending on issues we may or may not run into.

  1. Release CB Activity 4.2.1 (should be this week)
  2. Release CB 2.1.4 w/ PHP 7.2 compatibility fixes (should be next week)
  3. Release CB Auto Actions 7.2.0
  4. Release CB Gallery 2.1.1
  5. Release CB GroupJive 3.1.2
  6. Release CB 2.1.5 IF necessary
  7. Release CB 2.2 w/ Bootstrap 4 and Fontawesome 5

The release of CB 2.2 will include new minor releases for all products using those CSS classes. Expect to have to update everything. I expect upgrading all the plugins layouts and CBs own core HTML will take me at least a month as it's a significant amount of work.

This release roadmap will likely take 2 months; possibly more. Joomla 4 is, I believe, scheduled for a stable release sometime in June. This puts us ahead and allows us to focus on Joomla 4 compatibility API wise instead of dealing with style conflicts.

As a side note some maybe wondering about jQuery 3.x. We are currently not going to be upgrading jQuery and it's due to jQuery Mobile and jQuery UI not being jQuery 3.x ready yet. Once both are jQuery 3.x ready we'll be looking into upgrading jQuery as well. For now we'll continue with jQuery 2.x.

There will be no CSS migration files for Bootstrap 3 to Bootstrap 4 or Fontawesome 4 to Fontawesome 5. So please study up on the changes between these releases for both frameworks if you're using their CSS classes in any of your custom HTML. Onto the Q&A.

 

Q. What if I only update CB and none of the plugins?

A. Most likely the styling of plugins will break. You will need to update all your plugins in addition to CB.

Q. What if my subscription is expired and I update CB anyway, but have CB plugins installed?

A. Then you need to renew or don't update CB as you'll be stuck in a situation where the plugins installed are no longer compatible with CBs CSS frameworks.

Q. What about my Custom HTML fields where I've Bootstrap 3 CSS classes in use?

A. You will need to manually update those usages. Check out the migration guide for details.

Q. What if I've CBs Bootstrap or Fontawesome disabled so CB uses my template usages instead?

A. Both parameters will be reset (using new version specific parameter names) on install of CB 2.2 forcing CBs CSS frameworks to load again. If your Joomla template is Bootstrap 4 driven you can then disable CBs as needed again.

Q. Why won't there be a CSS migration file to migrate B3 usages to B4?

A. Because it would triple the size of CBs CSS headers and generally isn't needed as long as the install is maintained. It would also be significant work migrating all those CSS classes manually. You maybe able to utilize 3rd party CSS or JS files loaded by your Joomla template to help with this though.

 

I hope I've answered some of your questions above and made it clear our current plans. I personally look forward to a lot of the great new features in B4 (hello flexbox!) that'll bring a lot of new life to our plugins as well as more powerful responsiveness.


krileon replied the topic:
6 years 6 months ago
The following plugins are now Bootstrap 4 ready.

CB Package Builder

This officially completes our Bootstrap 4 upgrade. We are looking at a possible release of next week. All code is currently being reviewed.
krileon replied the topic:
6 years 6 months ago
The following plugins are now Bootstrap 4 ready.

CB Paid Subscriptions (and all its integrations)

This leaves just CB Package Builder and final Joomla default template CSS conflict pass checks. We may release regardless of CB Package Builder being ready to get everything in your hands as soon as possible since all major plugins are now done.
krileon replied the topic:
6 years 6 months ago
The following plugins are now Bootstrap 4 ready.

CB Activity

Phew! That one took awhile. This leaves CB Paid Subscriptions and CB Package Builder as the last 2 needing Bootstrap 4 upgrades and we'll be ready for release!
krileon replied the topic:
6 years 7 months ago
The following plugins are now Bootstrap 4 ready.

CB Gallery
krileon replied the topic:
6 years 7 months ago
Just another progress update as its been awhile. I've been working exclusively on making CB Gallery B4 ready. It's almost complete with just the CB Activity template files in CB Gallery needing updating. With this update I've also made a lot of little improvements to the UX to make CB Gallery significantly more mobile friendly by improving its responsiveness in nearly all aspects of the template (modal windows, file tables, and more).

The responsiveness improvements means there is no more width/height setting for the container boxes. They now use entirely responsive widths so they will expand, shrink, rollover to new lines, etc.. automatically based off the device. No more being stuck with 200x200 boxes on a phone for example.