Aller au contenu principal

🗓️ Date & Time

Le calque Date & Time permet d'afficher des informations dynamiques de date et d'heure. Il est idéal pour ajouter des horloges, des horodatages ou des dates planifiées à votre conception, avec un contrôle total sur le format, la langue, le fuseau horaire et le style du texte.

Fonctionne hors ligne

Le calque lit l'horloge de l'appareil lui-même : il continue donc d'afficher la date et l'heure exactes sans connexion réseau.

Ajout d'un calque Date & Time dans l'éditeur de projet

Champs​

  • Language : définit la langue choisie lorsque le format contient des parties non numériques.
  • Timezone : choisissez le mode automatique pour utiliser le fuseau horaire interne de l'appareil, ou saisissez un fuseau horaire précis (p. ex. Europe/Rome).
  • Format : le format de date ou d'heure à afficher. Options disponibles :
    • 07/07/2015
    • 7/7/2015
    • Jul 7, 2015
    • July 7, 2015
    • July 7, 2015 5:11 PM
    • Tue, Jul 7, 2015
    • Tuesday, July 7, 2015
    • Tuesday, July 7, 2015 5:11 PM
    • 8:30
    • 8:30:25
    • Custom (p. ex. DD/MM/YYYY HH:mm:ss)
  • Font Family : la police à utiliser (p. ex. Montserrat, News Cycle, Open Sans).
  • Font Size : taille de la police en pixels (px).
  • Line Height : espacement entre les lignes de texte (px).
  • Font Color : couleur du texte au format hexadécimal (p. ex. #FFFFFF).
  • Font Weight : épaisseur de la police.
    • normal
    • bold
    • bolder
    • lighter
  • Font Style : style de la police.
    • normal
    • italic
  • Vertical Align : alignement vertical dans le calque (Top, Center, Bottom).
  • Horizontal Align : alignement horizontal dans le calque (Left, Center, Right, Justify).
  • Text Shadow : ajoute une ombre au texte (p. ex. 8px 10px rgba(0, 0, 0, 0.75)).
  • Text Transform : contrôle la casse du texte.
    • Inherit : conserve le texte tel qu'il est saisi.
    • lower case
    • UPPER CASE
    • Capitalize
  • Bg Color : couleur d'arrière-plan au format hexadécimal (p. ex. #FFFFFF).
  • Bg Opacity : transparence de l'arrière-plan, de 0 à 1.
  • Fr Color : couleur du cadre (bordure) au format hexadécimal (p. ex. #FFFFFF).
  • Fr Border : épaisseur du cadre, en pourcentage.
  • Font Padding : marge intérieure autour du texte, en pixels.