Personnaliser les modèles d'affichage des fiches

Le menu Modèle de nouvelle fiche liste plusieurs formats, dont ces 4 premiers :⚓

  • Modèle de nouvelle fiche : génère une interface permettant d'ajouter ou modifier des fiches ;

  • Modèle vue fiche unique : présente une fiche à la fois, facilitant ainsi l'affichage, par exemple, de grandes images ou d'informations détaillées ;

  • Modèle vue liste : permet le contrôle des champs utilisés et de leur positionnement lorsqu'on visionne plusieurs entrées à la fois (ex: résultats de recherche).

    • Il peut s'agir d'un simple aperçu avec plus d'informations détaillés. En cliquant sur la fiche, on accède à la vue Affichage fiche.
    • Le modèle de liste peut également être utilisé pour exporter votre base de données sous forme de fichier CSV.

  • Modèle recherche avancée : génère une interface permettant une recherche avancée.

RemarqueSont détaillés plus loin les 3 formats suivants :⚓

CSS personnalisé, Javascript personnalisé et Modèle RSS.

Les modèles BDD permettent de contrôler l'apparence de l'information, lors de la visualisation des listes ou lors de l'édition des données.

C'est la même technique que celle du publipostage dans les logiciels Libre Office Writer et Microsoft Word.

Menu des Balises disponibles⚓

Les champs ajoutés précédemment sont disponibles dans cette liste (côté gauche du formulaire). Sélectionnez ceux que vous souhaitez intégrer dans votre modèle de fiche.

Fenêtre d'édition Modèle de nouvelle fiche⚓

Dans cette fenêtre centrale d'édition, définissez votre mise en page (taille et couleur de la police, disposition et ordre d'affichage des différents éléments, etc.).

Remarque

L'apparence est celle d'un éditeur HTML.

ExempleModèle nouvelle fiche⚓

ExempleModèle fiche unique⚓

ExempleModèle liste⚓

ProcédureAdaptez votre modèle de fiche⚓

Procédure
  1. Depuis le menu Modèle de nouvelle fiche, vous pouvez également sélectionner l'un des 3 modèles suivants :⚓

    • CSS personnalisé : si un de vos modèles HTML requiert la norme CSS, afin d'afficher des styles particuliers, vous pouvez les spécifier ici.

    • Javascript personnalisé : permet de manipuler la façon dont les éléments sont affichés dans les modèles Liste, Fiche ou Nouvelle fiche.

      • Fondamentalement, vous devez inclure la partie que vous voulez manipuler dans un élément HTML nommé.
      • Le nommage est essentiel car il permet d'identifier l'élément à manipuler.

    • Modèle RSS : permet de contrôler le contenu du flux RSS pour la base de données.

  2. Créez l'ossature de votre modèle, puis rajoutez les Balises disponibles dans l'éditeur.⚓

    Dans l'éditeur de texte du modèle :

    1. renseignez les caractères fixes,

    2. ajoutez les balises en positionnant le curseur dans le texte, puis en cliquant sur la balise.

    Utilisation des balises⚓

    Le contenu de chacun de vos Champs et quelques balises spéciales peuvent être insérés dans des modèles.

    Les champs sont de format [[nomduchamp]]. Toutes les autres balises se conforment au format ##balise##.

    Pour utiliser les balises depuis le sélecteur côté gauche, utilisez l'éditeur HTML, placez votre curseur sur la zone de texte de votre cible et cliquez sur la balise de votre choix. Vous pouvez également taper simplement le nom de la balise désirée, comme ##ceci## ou comme [[ceci]].

Sommaire