Community Builder 2.2 Bootstrap 4 Release

Community Builder can be freely downloaded by all registered members

 

We just released Community Builder 2.2 with 3 new features and 3 bug fixes.

A huge THANK YOU to Kyle (aka krileon) who has been working on this since January and has done an awesome job making Community Builder one of the first Joomla extensions to get Bootstrap 4 support!

A detailed changelog is available in the discussion thread. The main new feature of CB 2.2 is a new, awesome, modern, clean looking user interface with improved mobile responsiveness, using the brand new Bootstrap 4 that has been selected for Joomla 4 (to be released later this year).

All our Joomlapolis plugins have also been updated to support CB 2.2 and Bootstrap 4. Paid subscribers can download latest CB 2.2 compatible add-ons from the download area. Once you install or upgrade to CB 2.2, you will need to upgrade all your Joomlapolis add-ons for CB 2.2 clean display compatibility.

Community Builder 2.2 is a major release and all users should first test on a cloned environment for compatibility issues with their other add-ons and their Joomla template.

We will be updating our demo website to CB 2.2 asap, but in the meantime, we have provided above a screenshot of the completely redesigned Connections management page.

 

 

 

 



krileon's Avatar
krileon replied the topic: #305472 3 months 4 days ago

Hi guys, I noticed after the update to 2.2, the font has become very very small.

Bootstrap 4 uses rem font sizing. The way rem sizing works is it sizes based off its root element. This would be html element. Your template has likely set a small font size (12px most likely) on the html element of your site. This will cause all font in CB to be based off that. To fix this you need to fix your Joomla templates font size. Check if your template has a parameter for this or if your Joomla template allows custom CSS to apply your fix there.

It is important that templates do not apply a font size to the html element as it breaks scale-ability of devices. The reason you're seeing this now is the font-size reset on cb_template class used to be 14px. That meant it never scaled based off your root element, the agent, or the view size. Now it's reset to 1rem and the way rems work is they're just a multiple of the root size. So if the root size is 12px and CB resets to 1rem then the size is 12px. In short the small font you're seeing is the font size that had always been there; it's just working now.

As a workaround you can force your Joomla template back to properly inheriting from browser agent using the below CSS.

html {
	font-size: inherit !important;
}

Also notice that in User Management the Search box spreads wider than screen width which makes it almost impossible to see what you are typing in the search box.

It's not possible for search inputs to expand outside the window. The backend is entirely responsive. If it is then you likely have some sort of styling conflict from a custom backend template or custom CSS you've added.

When entering a name in the box and pressing enter I get the following in a popup box:

xml name cbfr_usersbrowser_filter_plan_id is undefined. It is cbHideFields[0][0].

Am not able to confirm and wouldn't have anything to do with Bootstrap 4 upgrade either. Please open a support topic if issue continues after ensuring everything installed is up to date.

But that affects the backend as well as the frontend. Any way of just updating the frontend only.

Yes, use more specific CSS. Frontend has container classes surrounding all the views. You can also use Joomlas .site selector to prefix your CSS to target frontend only. Examples as follows. This assumes your Joomla template is properly adding the base body classes.

Frontend:
.site .test {
    color: red;
}

Backend:
.admin .test {
    color: red;
}


Folks, please stop posting support issues here. Create support topics in the support forums.
cgwhite's Avatar
cgwhite replied the topic: #305471 3 months 4 days ago
OK, I have found it: CB > Plugin Management > Default > Overrides.

But that affects the backend as well as the frontend. Any way of just updating the frontend only.
cgwhite's Avatar
cgwhite replied the topic: #305470 3 months 4 days ago
Sorry but not familiar with customising CSS in CB. Where should this be placed?
cgwhite's Avatar
cgwhite replied the topic: #305469 3 months 4 days ago
Also notice that in User Management the Search box spreads wider than screen width which makes it almost impossible to see what you are typing in the search box.

When entering a name in the box and pressing enter I get the following in a popup box:

xml name cbfr_usersbrowser_filter_plan_id is undefined. It is cbHideFields[0][0].



Regards,

Chris.
suge's Avatar
suge replied the topic: #305468 3 months 4 days ago

cgwhite wrote: I have this on our profile pages and many of our members are VERY old. Need bigger font size!


For the time being, you can customize the CSS using the following:
.cb_template *, .cb_template *::before, .cb_template *::after {
font-size:12px;
}

Edit the number in font-size.
beat's Avatar
beat replied the topic: #305466 3 months 4 days ago

saman2 wrote: Thank you kyle and all CB team...
nant, what is : 7186 Ahawow SQL builder prepare for multiple sorts and multiple groups ?


This is an internal API improvement in our SQL-Query-builder (which is a formal description-driven SQL query compiler) to extend it for multiple-sourced sorting and grouping, allowing for multiple description sources to not only be able to add query fields and filtering but also additional sorting and grouping.

Hope that makes it cristal clear :lol:

So, why it matters: The benenfit for users is that it will allow CB plugins to further enrich tabular views in the admin area, a bit like CBSubs does it for the Users Management view where a CBSubs subscriptions column as well as sorting is added. But before that commit, sorting and grouping could not be extended by a separate plugin from the one displaying the tabular view. :)
cgwhite's Avatar
cgwhite replied the topic: #305464 3 months 4 days ago
I have this on our profile pages and many of our members are VERY old. Need bigger font size!
suge's Avatar
suge replied the topic: #305459 3 months 4 days ago
Hi guys, I noticed after the update to 2.2, the font has become very very small.

I'm wondering is this part of the update or down to a rogue CSS element I have customised. I have customised extensively so I'm just trying to narrow the options.

Nice work!
saman2's Avatar
saman2 replied the topic: #305456 3 months 4 days ago
Thank you kyle and all CB team...
nant, what is : 7186 Ahawow SQL builder prepare for multiple sorts and multiple groups ?
beat's Avatar
beat replied the topic: #305451 3 months 4 days ago
Big congratulations to Kyle who managed to do an awesome and collossal work in the last 6 months!

Migrating all markup from Bootstrap 3 of CB 2.1 to Bootstrap 4 of CB 2.2 for CB and all our addons was no small task!

A total of 37 packages got released today! WOW!

a BIG THANK YOU Kyle :)
Facebook Twitter Google LinkedIn