Nous mettrons à jour notre Politique de confidentialité prochainement. En voici un aperçu.

L'essentiel de Drupal 8

Modifier l'affichage du formulaire de contribution

Testez gratuitement nos 1343 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Vous allez voir comment modifier l'affichage des différents champs du formulaire de contribution pour le faire correspondre à votre vision.
05:43

Transcription

Une fois que nous avons créé tous nos champs dans notre type de contenu il peut être souhaité de modifier la manière dont ces champs s'affichent dans le formulaire de contrinution. Par exemple nous avions vu tout à l'heure qu'ici nous avions le label Activer nous souhaitons afficher le label du nom que nous avons donné au champ et non Activer. On souhaite par exemple afficher la date de fabrication dans un autre format, et nous allons voir comment faire. Donc pour se faire, vous faites Gérer Structures, donc moi je vais l'ouvrir dans un nouvel onglet. J'ai fait clique droit Ouvrir dans un nouvel onglet. Type de Contenu. Donc ici on retrouve notre horloge et au lieu de faire Gérer les Champs, on va faire Gérer l'Affichage du Formulaire. Donc ici on retrouve tous les champs qui ont été créés, soit par nous, soit qui ont été créés nativement lorsqu'on a créé le type de contenu mais on voit qu'il est possible de configurer chaque élément indépendamment. Par exemple pour le nom de l'horloge on peu simplement cacher le champ. Donc ici on le retrouve dans les champs désactivés. Mais on a aucun intérêt à faire ça puisqu'on souhaite bien activer le nom de l'horloge et on souhaite le voir. Il est également possible d'avoir un élément de configuration, donc on peut changer la taille du champ texte. Et oco on a un placeholder c'est à dire un texte qui va apparaitre dans le champ jusqu'à ce qu'on saisisse soi même une valeur. Voilà donc on met à jour. Donc ici vous notez bien qu'on a ce qu'on appelle le Widget. Donc c'est à dire c"est l'élément de formulaire qui va recevoir votre contenu donc votre valeur. Et ici on a les configurations propres à chaque type de contenu. On a pas systématiquement ces configurations propres, par contre on a systèmatiquement le choix du Widget. Le choix minimal étant un Widget par défaut et cacher le champ de formulaire. Donc ici on voit qu'on a modifié notre placeholder, donc on nous rappelle la configuration qui a été saisie. Et on va modifier par exemple notre fabriquant, donc par défaut lorsqu'on a créé notre champ, Drupal nous a créé une liste de sélection, on va par exemple vouloir essayer des cases à cocher ou des boutons radio. Ceci dépendra de ce qui a été saisi dans les possibilités du champ. Donc on a notre image, sur l'image on voit qu'il y a une configuration possible, sur l'appercu on nous propose différentes tailles. Donc là on peut rester en moyen. Nous verrons plus tard comment gérer les styles d'images. Donc là il s'agit uniquement de l'appercu sur le formulaire de contribution. Il ne s'agit pas de l'appercu en front office. Donc on va mettre un appercu moyen pour voir que ça a bien fonctionné. Là où ça va nous intéresser, c'est sur les paramétrages de ce champ. ON avait vu qu'on affichait uniquement Activer. Donc ici on va mettre Utiliser comme étiquette, l'étiquette du champ plutôt que l'étiquette actif c'est exactement ce qu'on veut faire, donc on coche et on clique sur mettre à jour. Donc on voit bien le rappel de notre champ de configuration, ici on nous propose uniquement le courriel avec éventuellement un placeholder, on va pas mettre un placeholder. Sur la date, on nous propose une liste de sélection. On ne souhaite pas forcément de liste de sélection, ici on veut une date et une heure classique. Voilà donc pour chaque type de champ vous avez un ou plusieurs widgets associés. Donc ici par exemple sur la référence à un contenu, si on a peu de contenu, on peut souhaiter par exemple avoir une liste de sélection qui est plus pratique à l'utilisateur pour voir directement tout ce qui est disponible plutôt qu'un champ autocomplétion. Donc on va essayer ici avec une liste de sélection. On va clique sur enregistrer. Et on va voir tous les éléments qui ont été modifiés dans notre formulaire de contribution. Donc ici le placeholder on le voit apparaitre là. Donc il s'agit bien d'un texte en fond qui apparait tant qu'on a pas saisi le texte. Une fois qu'on a saisi une lettre on voit bien que le placeholder disparait. Donc ici, on avait une liste déroulante, on a actuellement des cases à cocher. On a bien des cases à cocher puisqu'on a saisi Valeurs multiples, si on avait saisi Valeur Unique dans le champ, donc je parle bien du nom du champ, on va aller le voir pour éclaircir la chose. Donc on est bien chez notre fabriquant. On modifie, donc là modifiez le champ, hein, et pas l'affichage du champ. On va voir les paramètres du champ. Et ici on a bien valeur limitée à 2, donc à partir de plus d'une valeur, on a ici des cases à cocher, et si on a une valeur unique, on aura des boutons radio, c'est à dire des boutons qui permettent une sélection unique. Voilà donc on a modifié, on va actualiser. Voilà donc soit on saisit pas de fabriquant, soit on saisit un fabriquant. On a qu'une seule valeur possible donc on ne peut saisir qu'une seule valeur ici. Donc ici, on voit bien que notre case à cocher a été modifée, on utilise le tire du champ comme label. Donc est ce une horloge mécanique ou non, ici on va saisir oui par exemple. Dernier point, référencer un contenu, on va lister automatiquement tous les contenus de type article dans notre select liste. On va faire l'apercu. Revenir à la modification du contenu. Et voilà. Donc là on vient ensemble d'apprendre à créer des champs, à gérer l'affichage de ces champs dans le formulaire de contribution, donc à partir de maintenant on peut créer dans Drupal tous les contenus et tous les champs possibles et imaginables.

L'essentiel de Drupal 8

Créez et prenez en main l’administration de votre site avec Drupal. Publiez différents types de contenu, et donnez l’accès à votre site aux utilisateurs de votre choix.

3h00 (50 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Thématiques :
Design web
CMS
Spécial abonnés
Votre/vos formateur(s) :
Date de parution :10 mars 2016
Durée :3h00 (50 vidéos)

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !