The Match Visual Lineup block allows you to display in the front-end of the website the visual representation of the lineup of a team that played a match and a table with listed the substitutions and the staff members.

Example 1

The Chelsea lineup in the match Chelsea vs Bayern Munich – Champions League 2019/2020

Starting Lineup: 3-4-3
13
Isaías
2
Castaneda
4
Gerrit
28
Roque
5
Remigio
17
Slobodan
24
Blackwell
3
Calisto
17
Yellow Card
Juanito Calisto
84
Red Card
Juanito Calisto
8
Edwards
61
Substitution
Harley Edwards
Fernando Wallace
19
Pearce
90
+3
Yellow Card
Joel Pearce
18
Elliott
61
Substitution
Bradley Elliott
Sebastian Brooks
Substitutes
1
Alfonso Salvador
GK
15
Jean-Claude Alban
CB
33
Neil Espinoza
DM
47
Mike Foreman
LB
11
Aiden Martin
RW
10
Fernando Wallace
61
Substitution
Harley Edwards
Fernando Wallace
RW
21
Sebastian Brooks
34
Yellow Card
Sebastian Brooks
61
Substitution
Bradley Elliott
Sebastian Brooks
CF
Manager: 
Charlie Morgan
Assistant Manager: 
Wilfred Burns
Assistant Manager: 
Dillon Taylor
Assistant Manager: 
Joseph Clarke
Goalkeeping Coach: 
Luca Correa
Individual Coach: 
Heiner Blecher
Video Analyst: 
Engelbert Brauer

Example 2

The Bayern Munich lineup in the match Chelsea vs Bayern Munich – Champions League 2019/2020

Starting Lineup: 4-2-3-1
1
Laurenz
17
Poldi
27
Byrne
19
Richard
85
Substitution
Caleb Richard
Séraphin Calixte
5
Rainier
32
Guthrie
6
Cleto
90
Substitution
Maximiliano Cleto
Kurt Ingolf
22
Volker
51
Goal
Jürgen Volker
54
Goal
Jürgen Volker
90
+1
Yellow Card
Jürgen Volker
29
Berry
66
Substitution
Dominic Berry
Ronaldo Olegário
25
Reiner
9
Engelbert
Substitutes
26
Brian Townsend
N/A
21
Nazario Ruperto
N/A
2
Juan Bautista Lucho
N/A
14
Kurt Ingolf
90
Substitution
Maximiliano Cleto
Kurt Ingolf
N/A
24
Séraphin Calixte
85
Substitution
Caleb Richard
Séraphin Calixte
N/A
16
Ronaldo Olegário
66
Substitution
Dominic Berry
Ronaldo Olegário
N/A
35
Sjoerd Barend
N/A
Manager: 
Julian Kieffer
Assistant Manager: 
Alexander Kühn
Assistant Manager: 
Volker Köhler
Goalkeeping Coach: 
Günther Weiner
Individual Coach: 
Eros Guzzardo
Rehab Coach: 
Karl Theismann
Video Analyst: 
Roland Bossuet

Example 3

The Lyon lineup in the Lyon vs Juventus match – Champions League 2019/2020

Starting Lineup: 3-5-2
1
Lourenço
5
Yann
6
Geraldo
20
Pedrinho
29
Clovis
31
Goal
Jean Clovis
8
Mathieu
28
Yellow Card
Sylvestre Mathieu
39
Quintino
14
Roger
77
Substitution
Renard Roger
Barrett Schroeder
27
Robertson
61
Yellow Card
Oscar Robertson
26
Substitution
Oscar Robertson
Dexter Kaur
9
Vital
21
Uzoma
66
Substitution
Ousmane Uzoma
Noah Woods
Substitutes
30
Serafim Marin
GK
3
Dexter Kaur
26
Substitution
Oscar Robertson
Dexter Kaur
CB
23
Barrett Schroeder
77
Substitution
Renard Roger
Barrett Schroeder
RB
12
Luís Breno
DM
25
Hadrien Gabin
CM
7
Noah Woods
66
Substitution
Ousmane Uzoma
Noah Woods
LW
10
George Palmer
RW
Manager: 
Frédéric Carrel
Assistant Manager: 
Théodore Poulin
Assistant Manager: 
Thierry Tremblay
Goalkeeping Coach: 
William Gaumont
Team coordinator: 
Romuald Blaise
Video Analyst: 
Aubin Crépin
Board Member: 
Biagio Santini

Example 4

The Juventus lineup in the Lyon vs Juventus match – Champions League 2019/2020

Starting Lineup: 4-3-3
1
Vladić
4
Clarke
19
Bonelli
12
Marchiano
13
Morse
5
Obradović
25
Amand
30
Montes
7
Pereira
16
Velázquez
69
Substitution
Ezequiel Velázquez
Pablo Barrios
10
Sánchez
Substitutes
77
Gianluca Biagini
GK
24
Orlando Lentini
CB
2
Igor Carillo
RB
14
Norbert Dubois
CM
8
Erwin Remund
CM
33
Bruno Cavalcante
RW
21
Pablo Barrios
69
Substitution
Ezequiel Velázquez
Pablo Barrios
CF
Manager: 
Claudio Laurita
Assistant Manager: 
Ulisse Antonetti
Goalkeeping Coach: 
Attilio Tarsi
Conditioning Coach: 
Piersilvio Monetti
Technical Coach: 
Gianmaria Cerruti
Athletic Coach: 
Giosuele Zampini
Rehab Coach: 
Rosario Saccone