Nous allons vous montrer comment offrir la possibilité à vos utilisateurs backend de choisir telle ou telle mise en page (layout). C'est une possibilité intéressante qui permettra aux utilisateurs backend de disposer davantage de contrôle sur les éléments de contenu.

Ce choix s'effectue dans les entêtes de vos pages. Pour faire apparaitre le menu déroulant, cliquez sur la petite icone à coté du type de page.

Vous devriez voir apparaitre dans une frame la fenêtre suivante :

Comme vous le voyez, TYPO3 vous offre la possibilité de choisir trois mises en page par défaut. Qu'est ce que ça signifie concrêtement ? Rien malheureusement ! Nous allons donc voir comment configurer vous même ce menu déroulant.

Premièrement, rendez-vous dans les entêtes de votre gabarit, setup TS plus précisément. Admettons que vous souhaitiez supprimer cette configuration par défaut et proposer à la place le choix entre deux configuration :
- une configuration par défaut qui utilise un gabarit HTML normal
- une configuration spécifique réservée à l'impression

Voici le code à sasir dans le TS  :

##########################################
# Configuration de la mise en page (layout)
#

/*
Entrées par défaut :
layout.altLabels.0 = Normal
layout.altLabels.1 = Disposition 1
layout.altLabels.2 = Disposition 2
layout.altLabels.3 = Disposition 3
*/

TCEFORM.pages {
layout.altLabels.0 = Normal
layout.altLabels.1 = Format d'impression

# On supprimer les entrées suivantes
layout.removeItems = 2,3
}

Enregistrez la configuration et revenez ensuite sur la mise en page pour constater le résultat :

Le travail n'est pas terminé. Vous devez prendre en compte le choix de l'utilisateur backend dans votre gabarit.

Rendez-vous dans le SETUP de votre gabarit et utilisez une condition sur le 'layout'. Voir la doc TSREF à ce propos. Dans l'exemple ci-dessous, nous utiliserons le gabarit HTML print_version.html quand l'utilisateur aura sélectionné la mise en page intitulée 'Format d'impression'.

[globalVar=TSFE:page|layout=0]
page.10.template.file= fileadmin/templates/monsite/template_normal.html
[global]

[globalVar=TSFE:page|layout=1]
page.10.template.file= fileadmin/templates/monsite/template_impression.html
[global]

Vous pouvez également insérer d'autres informations comme une CSS différente pour chaque mise en page.