opmaak

Colorbox Zoom

Een Colorbox voorstelling waar je met de muis kunt inzoomen... Na activeren van de module krijgen alle voorstelling met de Colorbox deze mogelijkheid. Simpel, maar kan een nadeel zijn als je dit niet altijd wilt.

Links de gewone voorstelling. Rechts een inzoom van 1.5 X door er met de muis over te gaan.

Drupal8_002823.png

Of je wilt inzoomen met mouseover, klikken, slepen,.. je kunt het in het options.js bestand. Ook de zoomfactor kan je hier bepalen.

Markup

Je wilt een standaard tekstveld, telkens er een node getoond wordt. Het kan met deze module. Je kunt het bij de input daarna op onzichtbaar zetten. Je plaatst de tekst waar je wilt zoals elk ander veld. Ik heb het gebruikt om een label te vervangen van een veld door een Markup veld er boven te plaatsen. Je kunt dan meer tekst weergeven en een opmaak meegeven.

Drupal8_002701.png

Text with Title Field

Een stukje tekst met de mogelijkheid om een titel erboven te plaatsen. Niet echt wereldschokkend, ware het niet dat deze titel in een Bootstrap thema als tab, accordeon,... kan gebruikt worden.

Je zet het veld meervoudig, zodanig dat je meerdere keren het veld kunt invullen.

Drupal8_002694.png

Je kiest bij weergave de ingebouwde mogelijkheid. Je thema moet Bootstrap 3 ondersteunen. Let op ... ook Zymphonies thema's hebben dit ingebouwd.

WaterFall Views Display

Deze module voegt een extra weergave toe aan 'Overzichten'

Installeer en zet de module aan
Maak een overzicht en kiest bij weergave voor "Waterfall"

Als je de schermgrootte aanpast krijg je er een mooie transitie bij.

Je kan de breedte van de kader aanpassen in het bestand newWaterfall.js.

var defaults = {
                width: 320,
                delay: 60,
                repeatShow: false
               };

 

Switch Page Theme

Soms is het nuttig om van thema te wijzigen op één site. Overzichten en blogs zijn duidelijker op het éne thema, terwijl frontpagina's misschien hipper zijn met een ander thema.

Gewoon installeren en toepassen op de pagina's die je wilt. 

Drupal8_002612.png

jCarousel

Eenvoudige module die zorgt dat je verschillende afbeeldingen compact kunt weergeven.

Je kunt onder andere instellen hoeveel afbeeldingen je wilt zien in de voorstelling.

Drupal8_002604.png

Bootstrap Paragraphs

Deze module is een concurrent van de Bootstrap Bricks module.Een beetje minder flexibel, maar met meer mogelijkheden voor de opmaak. Het werkt met de Bootstrap 4 thema's zoals Breeze. Dit zorgt voor reeds mooie CSS.

Standaard kan je kiezen tussen deze paragraaf types. (je kan er zelf toevoegen natuurlijk om bvb een video veld te tonen)

Drupal8_002600.png

Je kunt de onderdelen nesten. Zo heb ik hier een tab met een carrousel met 2 afbeeldingen.

Bricks

Een kanjer van een module...waar er heel wat over te vertellen valt. Het is een vervanger van Display Suite, Panels, Paragaphs,...

Steunt op het Bricks principe waar  je geen Bootstrap voor nodig hebt. Maar met een Bootstrap 4 thema komen alle voordelen aan bod. Bootstrap 4 thema's zijn nu nog zeldzaam, maar dit zal zeker toenemen. Laat het duidelijk zijn... Deze module draait dus enkel op Bootstrap 4 thema's zoals 'Tweme'. Dit thema is simpel en er wordt verwacht dat je wat CSS toevoegt. Dit kan perfect omdat Bootstrap thema's classes hebben die vooraf gedefinieerd zijn.

Background Images Formatter

Wil je een achtergrond als je een node bekijkt of met een view, zonder zelf CSS te schrijven... Deze module zorgt daar voor én heeft talrijke instellingen.

Eerst maak ik een afbeeldingsstijl aan. Ik gebruik daarvoor Image Effects. Ik maak de afbeelding gedeeltelijk tranparant.

Drupal8_002539.png

1) voor een node

Responsive theme preview

Wil je weten hoe je pagina's er uit zien in verschillende apparaten. Deze module simuleert deze schermen.

Er komt in het beheersmenu een knop bij.

Drupal8_002528.png

Elk apparaat heeft een bepaalde breedte en pixeldichtheid die je kunt instellen. Het blijft wel een simulatie....

Drupal8_002531.png

Abonneer op opmaak