responsive

Jquery Carousel

Another gallery for displaying multiple images in a field. Fully responsive and swipeable.. or watch the slider..

I like the possibilities and the simplicity of this module.

Screen000435.png

Vertical.. yes

Screen000440.png

Look at all these settings..

Screen000436.png

jQuery Auto Height

If you use floating blocks (with a little CSS) in your nodes or views, the heigth of the blocks are not equal. Sometimes it is more beautiful if the height is the same.

This module looks in a row what is the highest block and addapts all the other heights. It is responsive. In every screen, with different blocks, it looks to the highest block in the row.

Three blocks in a row.

Screen000374.png

Two blocks in a row...

Owl Carousel (Owl)

A special one... Owl Carousel has a Drupal8 release, who is not working (yet). There is a working Owl Module, but you won't find it in drupal.org...

If you should install the Owl Carousel en find out it is not working, the help sends you towards the Owl module...

 

Screen000237.png

De Owl module has to be installed manually..

Screen000243.png

Shuffle

A discovery... this one. A third party module that shows a view with animated transitons when filtering.

Install the third party. Take only what is necessary. The download has a lot more..

Screen000218.png

Make a content type with an imagefield and a multiple reference field (eg taxonomy). It has to be multiple!

Make the view.

Screen000215.png

Inline Responsive images

This module allows you to choose an image style while adding pictures in the CKEditor upload manager

First do the settings in the text formats eg Full HTML. Choose one setting. OR the common style OR the resposive style. Not both of them (yet).

Screen000164.png

One can even look at the preview..


Screen000165.png

Swiper

A mobile first module that allows you to make an image gallery with swipe function.

You can choose the swiper type

Screen000098.png

The module uses classes that comes with the third party.


Screen000099.png

Download the files and folders and put them in the Libraries folder.

Drupal 8 MegaMenu

This is a full responsive menu with colums and block possibility. Look at the complete tutorial.

There is an WYSIWYG interface of the menu (see Structure). Click on what you want to configure.


Screen000090.png
Screen000091.png

Screen000089.png

The mobile version..

Subscribe to responsive