List

V288-01

Geeft de antwoorden op een uitnodiging weer als een lijst. In de standaard opmaak is dit verdeeld in drie kolommen.

Als er meer als 6 uitnodigingen zijn verstuurd dan worden alleen de eerste 6 getoont. De rest wordt pas zichtbaar als op de alles weergeven knop gedrukt wordt. Het aantal waarbij dit gebeurd is door de front-ender configureerbaar.

Hoe te gebruiken?

<nc-invitation-responses name="TODO:" view="list"></nc-invitation-responses>

Voorvertoning

Alvast beginnen met een basis opmaak?

Neem de onderstaande code over in de website om alvast met een basis opmaak te beginnen.

CSS
[data-partial="invitation-responses"] li {
	margin-bottom: 1rem !important;
}
[data-partial="invitation-responses"] li span:first-child {
	font-weight: 600;
}
/* Verdeel de lijst in drie kolommen. */
[data-partial="invitation-responses"] ul {
	columns: 3;
	column-gap: 30px;
}
/* Verberg de icoontjes als meer als twee opvolgende opties dezelfde icoon zullen hebben. */
[data-partial="invitation-responses"] li:has(i.fa-user-check) + li i.fa-user-check {
	opacity: 0;
}
[data-partial="invitation-responses"] li:has(i.fa-message-question) + li i.fa-message-question {
	opacity: 0;
}
[data-partial="invitation-responses"] li:has(i.fa-user-xmark) + li i.fa-user-xmark {
	opacity: 0;
}