| Scroll Ignore | ||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||||
|
Présentation
Le widget titre permet aux administrateurs Shinken de donner une identité à chaque météo.
Il est possible de modifier les aspects suivants du widget titre :
- Sa taille et sa position,
- Son titre,
- La couleur du titre.
Important :
- Ce type de widget doit être unique dans la météo, ce qui signifie qu'il peut y avoir qu'un seul widget titre pour chaque vue météo
- Il servira de nom pour la création des favoris - Développement en cours
| Info |
|---|
Pour plus d'informations sur comment définir ces aspects, veuillez vous référer à la page suivante : Widget Séparateur Titre - Edition - Météo |
Dans cet exemple ci-dessous, le widget titre se trouve en haut à gauche de l'écran.
| Panel | ||||||
|---|---|---|---|---|---|---|
| ||||||
Description
Le texte
Le comportement du texte suit les règles suivantes :
- Le texte n'est pas limité en taille,
- mais s'il n'a pas la place de s'afficher, il sera tronqué ( avec une "ellipsis" : une série de trois petits points ) pour éviter un retour à la ligne.
- Il sera sur une seule ligne.
- La taille de la police va se définir automatiquement en fonction de la largeur de la vue ( c.a.d taille du navigateur , ou taille d'affichage dans un autre site web ).
- Pour pouvoir être responsive, la taille de police du texte s'adapte à la taille de la vue afin de pouvoir être affiché sur toutes les tailles d'écran.
Cela permet une meilleure intégration sur un portail tiers d'un site web.
Elle est adaptée de manière à pouvoir mettre environ 50 lettres en majuscule dans le texte avant que le texte du titre ne dépasse.
La police utilisée n'a pas une taille de caractère fixe, donc suivant les lettres présentes dans votre texte, le nombre de caractères affichés pourra être différent de 50 ( Si vous utilisez des i minuscules par exemple ). - Nous avons volontairement fait le choix de ne se baser que sur la taille de la vue et pas celle de la widget.
- Pour pouvoir être responsive, la taille de police du texte s'adapte à la taille de la vue afin de pouvoir être affiché sur toutes les tailles d'écran.
| Note | ||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||||||||||
Voici une liste de taille de "font" selon la taille de votre navigateur
|
| Info |
|---|
Nous prévoyons une évolution ou vous pourrez choisir la taille de la police de référence ( prévu dans une prochaine version ). |
Dans l'exemple 2 :
- la valeur du titre du widget titre est "METEO DES SERVICES COMPLETE DES DATACENTER DES VILLES DE FRANCE ET D'OUTREMER" qui est trop long pour qu'il puisse s'afficher en entier.
- la fin du titre est alors remplacée par "..." pour ne pas dépasser.
| Panel | ||||
|---|---|---|---|---|
| ||||
Dans les exemples 1 et 2, le widget titre est configuré pour prendre toute la largeur de l'écran ( width : "all" ).
Dans l'exemple 3:
- la largeur du widget vaut 15 cases, pour un nombre totale de 60 cases dans la vue.
| Panel | ||||
|---|---|---|---|---|
| ||||
Changement de la couleur du texte
Chaque séparateur peut avoir sa propre couleur :
- La couleur par défaut du texte du widget titre est noir ( si vous ne la précisez pas )
- mais la couleur par défaut pourra avoir été changée par l'administrateur Shinken dans la configuration du module de météo des services.
Dans l'exemple suivant, nous choisissons le par exemple en vert ( text_color : green ou text_color : #008000 ou text_color : rgb(0,128,0) )
| Panel | ||||
|---|---|---|---|---|
| ||||
| Info |
|---|
Pour plus d'informations sur le changement de couleur du texte du widget titre, veuillez vous référer à la page suivante : Widget Titre - Edition - Météo |
Comportement du widget lors d'un redimensionnement du navigateur
Exemples de redimensionnement
| Panel | ||||
|---|---|---|---|---|
| ||||
Sur cette capture d'écran, la largeur du navigateur a été réduite à 600 pixels et la configuration de la météo n'a pas été changée, mais la taille de la police d'écriture est passée à 14 pixels :
| Panel | ||||
|---|---|---|---|---|
| ||||
| Note |
|---|
Il existe une taille minimale pour la police d'écriture du widget titre qui est de 9 pixels, en dessous de cette taille on décrète que les textes ne sont plus lisibles. |