Blocs 4.2 Beta Build 6

Hey everyone, here is beta build 6 of Blocs 4.2. This release patches more migration issues with Bootstrap 5.

Bootstrap 5 :rocket:
It’s here, but please remember the framework is actually still in beta. We have a feeling the official release may happen during the beta testing for Blocs 4.2, however, until then we do not recommend using Bootstrap 5 for live production sites.

Migration :dizzy:
You can migrate up to Bootstrap 5 but not backwards, so as this is a super early beta only migrate with backup projects and again don’t migrate and push to production, it’s way to soon for that. :no_entry:

To migrate, open a Bootstrap 4 project and head to project settings, you will see a new framework dropdown, change this and you are good to go!

Javascript Rewrite :writing_hand:
Almost all of the javascript Blocs generates for light boxes, special navigations, scrollFX etc has all been completely rewritten in vanilla JS so regardless of whether your project uses bootstrap 4 or 5, please test every feature of the site before you move it into production. It’s a big rewrite and there may be some issues in these early stages, that will break functionality once exported.

JS Updates :face_with_monocle:
Jquery and the lazyload javascript have both been updated to the latest versions.

Localisation :fr: :de: :es:
Bonjour, Hallo, Hola! Our none native English speaking users will be happy to hear Blocs now speaks French, German and Spanish. You may notice a bad translation, some text cropping or another little interface oddity. Please let me know if you spot something and it’ll be fixed up in no time!

CSS Selectors :nerd_face:
For those interested in the new CSS selector support, you can now add these manually to classes, below is a list of newly support selectors.

  • :first-letter
  • :first-line
  • :selection
  • :first-child
  • :last-child
  • :first-of-type
  • :last-of-type
  • :placeholder

Solis :sunny:
We have also spent some time working on the Blocs companion app Solis, basically patching up some longstanding issues bringing in support for Bootstrap 5. You can download Solis 1.0.7 beta build 1 here.

Summary :grinning:
Please don’t be put off using this version of Blocs, just remember there are a lot of big changes in this release, so only use it for none critical, none production work, at least for the first few betas anyway.

Have fun testing :nerd_face:


Download Blocs 4.2 Beta Build 6

Don’t forget to hard reload your browser, if the beta doesn’t show!


Additional
Custom Brics now show a warning symbol in the Bric Bar if their framework doesn’t match that of the project. Many of our custom Brics have been updated so they flag the new framework setting in the Bric Builder, you can download the updates for those using the Extension Manager.

There is also this new knowledge base post that should help with any custom code migration issues you may encounter when trying out Bootstrap 5.

8 Likes

Sticky menu :white_check_mark:, Dancing close button :white_check_mark:, Scroll to top error :white_check_mark:. Awesome @Norm!
EDIT: Form field error :white_check_mark: :pray:t3:

5 Likes

Hello
The French translation of Blocs 4.2 seems perfect to me.
I have just received an email offering the affiliate program and I have signed up for it. But if I want to speak and sell Blocs, the site blocsapp.com must be in French.
I’m following up on an old suggestion of mine for Blocs. Would it be possible by clicking on a button and using translation tools that a page (or a full site) be duplicated and translated into a language of one’s choice. This would be really good for those who make multilingual sites.
Thanks

Salut @Pat, technically it should be possible but in real world it will not work as the quality of translations will be below average. Together with @brechtryckaert I recently translated Blocs into Dutch. Over 2000 phrases we have translated with the “help” of AI. However all phrases needed to be checked manually as roughly 85% came out of the AI translator with errors. To get a perfect translation you’ll need humans.

2 Likes

We do plan to translate bring the Blocs main website in the near future.

I agree with you but it would save a lot of time. I use deepl.com which in my opinion is the best translator. There is very little correction to be done.

Hey @Norm there is an issue with the nav bar in fullscreen mode:

After creating the mobile navigation menu in full screen mode, it loos like this in blocs:

!

It looks correct in preview:

And it looks correct for mobile preview:

Hi @RME, please check if you have ticked the wireframe checkbox on the canvas settings panel.

Is there any documentation on how to make use of RFS for resizing text and other elements using in Blocs? I gather this was a fairly major point for BS5. It’s not something that seems to be happening by default.

1 Like

Thanks for the update this is quite interesting.

1 Like

Thanks, no I haven’t.

Hey Norm, when will the “jumping” Sticky Navbar be fixed?

As I understand it, it needs to be activated, it’s not a magic solution, Norm will need to bake in support for it.

The broken sticky nav is fixed, the jumping one is yet to be fixed :crazy_face:

3 Likes