null

Het Logo grid component kan tot max. 20 logo's tonen in zwart-wit. Wanneer je over het logo hovert, dan verschijnt dit in kleur. Het component bevat de welbekende eyebrow, titel en een intro-tekst (tot max. 175 tekens). 

Voor elk logo kan je een alt-tekst toevoegen. Alt-tekst wordt getoond als, bijvoorbeeld een browser het logo niet kan laden (wat ook wel een 'broken image' wordt genoemd). In dat geval wordt dus de alt-tekst genoemd. Verder kan je in het logo ook een URL plaatsen. Deze URL kan bijv. de homepage van een externe bedrijf/organisatie zijn. 

Update Logo grid component: 
Het is nu mogelijk om het logo in een nieuw tabblad te openen! Zie hieronder voor de mogelijkheden. 

Logo openen in een nieuw tabblad: 
Een URL moet starten met http of https

Logo openen in hetzelfde tabblad: 
Een URL moet starten met https://www.han.nl of https://han.nl of https://hanuniversity.com 
Ook wordt een logo geopend in hetzelfde tabblad als er relatieve links worden gebruikt. Voorbeeld van een relatieve link is:  /evenementen/2020/11/bedrijvenmarkt-it-en-mediadesign/index.xml. Je ziet dus dat hier www.han.nl niet wordt gebruikt. 


Uitleg Logo grid component:

Variant

Er is momenteel maar 1 variant beschikbaar: standard

Eyebrow

Optioneel
Hier kan een eyebrow worden neergezet. Als er geen titel is geplaatst wordt de eyebrow niet weergegeven

Title

Optioneel
Een titel mag maximaal 50 tekens lang zijn.
Als hier niets wordt ingevuld wordt er geen titel boven het component geplaatst.

Intro

Optioneel
De intro mag maximaal 175 tekens lang zijn. Dit is ongeveer 2 regels. Als er geen titel is ingevuld wordt de intro niet getoond.

Logo

Hier kunnen maximaal 20 logo’s worden toegevoegd. Door op de + te klikken kan een logo worden toegevoegd. Klik je op de – achter het logo wordt deze verwijderd. Met behulp van de hamburger () voor het logo kan de rij naar een andere positie worden gesleept en wordt de volgorde van de logo’s dus aangepast.
Per logo kunnen de volgende velden worden ingevuld:

Description:

Deze tekst wordt gebruikt als alt-tekst voor het logo
 

Url:

Als het logo moet linken naar een site kan dit hier worden neergezet (optioneel)

image:

Hier moet het logo worden neergezet. Het logo wordt geschaald zodat het binnen het vak past.

 

Inpage nav

Standaard wordt dit niet in de subnavigatie (bij opleidingen) getoond. Indien gewenst kan dit op yes worden gezet.

Benieuwd naar de werking van dit component? Bekijk dan de instructievideo hieronder. Hierna kan je het component gemakkelijk toepassen!

 

In 2 minuten uitgelegd!

Instructievideo Logo grid component