De website van Tumbili maakt gebruik van cookies.

  • Home
  • Blog
  • Tegels uit aanbevolen koppeling verdelen over meerdere rijen

Tegels uit aanbevolen koppeling verdelen over meerdere rijen

Aanbevolen koppelingen

Standaard als je een nieuwe site of een sub-site aanmaakt, wordt deze gemaakt met de standaard instellingen. Dus ook voor de snelkoppelingen uit de webapp Aanbevolen koppelingen (Promoted links).

Stel we hebben de webapp Aanbevolen koppelingen toegevoegd aan onze pagina met 6 tegels op één rij.

 

Maar we willen de tegels graag verdelen over 2 rijen met 3 tegels.

Op StackExchange vond een makkelijke manier, zonder al te veel code.

  • Ga naar de pagina waarvan je de Aanbevolen koppelingen wilt aanpassen.
  • Klik rechts bovenin op het radertje (gear) en kies  Pagina bewerken (Edit page).
  • Selecteer de box waarin de koppelingen staan
  • Selecteer het tabblad Invoegen (Insert)
  • Kies vervolgens Code insluiten (Embed Code)
  • Plak onderstaande code in het form en druk op Invoegen (Insert).
<style>
/*display rows of 3 items*/
.ms-promlink-body {
     width: 480px;
}
</style>
  • Als je de code goed hebt ingevoegd, toont de pagina al meteen het resultaat.
  • Mocht na het opslaan de code zijn aangepast, voeg dan de scripteditor toe en plaats daar de code in.

 

Vergeet de pagina niet op te slaan!

Dynamische tegels

Wil je dat je Aanbevolen koppelingen webpart ook dynamisch wordt.

Dit betekend wanneer u meer tegels in de rij heeft dan op de pagina kan worden getoond, dit automatisch wordt aangepast.

Plak dan de volgende code onder de bovenstaande code in de editor. 

<style>
/*hide the arrows when you have more items than viewable*/
.ms-promlink-header{
display:none;
}
</style>