Bricks

Trefwoorden

A big one...It can be considered as a replacement for Display suite, Panels and Paragraphs..

The module uses the Bricks module. For Bricks you don't need Bootstrap, but you can not enjoy all its power. So with Bootstrap 4 themes like 'Tweme' Tabs, Carrousels, Columns, Accordion,..can be used. There are not many Bootstrap 4 themes on this moment, but this wil change in the future. Tweme is a simple theme. you need to add some CSS... With a bootsrap theme this is easy. All the classes are predefined.

I shall explain the Bricks for Bootstrap module with an example.

You see three tabs. The first one (Painting) shows 2 columns: an image and text column. The text column is als devided into 2 columns.

Drupal8_002563.png

The second tab show 3 colums.
Drupal8_002564.png

The third tab shows an accordion view
Drupal8_002565.png

and i implemented a carrousel. All these items are default available in Bricks for Bootstrap.


Drupal8_002566.png

The content type has only one field: Bricks, with multiple configuration.

Drupal8_002576.png

You choose the Bricks bundle..

Drupal8_002570.png

This is the first tab.Look at the column structure.


Drupal8_002567.png

The painter tab has three colums. If you add another item...four colums...

Drupal8_002568.png

The accordion works the same way. I added a carrousel too.
Drupal8_002569.png

How do we begin? Install the Tweme theme. It has a CDN Bootstrap 4 facitlity.

Drupal8_002579.png

Install Bricks for Bootstrap. It has several dependecies. No third party though. If you need no revisions, don't activate the last one.

Drupal8_002573.png

Look at the dependencies. Some of them are in the core.

Drupal8_002574.png

Bricks works with Entity Construction Kit. After installation of the Brick module, several entities are available. You can add our own; Eg a video field.

Drupal8_002572.png

The fields are configurable as always. Set input and output as you wish.

Drupal8_002571.png

Do not forget to set the rights.. Default they are off...


Drupal8_002575.png

Make a content type with one field. A bricks field. Set the reference to the bricks..

Drupal8_002577.png

For the input you choose bricks tree inline entity form.  The fun can begin..
Drupal8_002578.png

How to use this as a replacement for Display suites, Panels, Paragraphs? Make some content types with on field according your wishes.set a default value for the fields, include the tabs, accordions, slideshows, columns,.. The power of bricks is that you can change te structure for every node! Waw.

What about views? All in one field.. Select the Bricks format in views. Use a relationship to handle the fields separately.

Drupal8_002580.png

Drupal8_002581.png

All fields all now available.
Drupal8_002584.png

Drupal8_002582.png