| Scroll Ignore | ||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||||||
|
Concept
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 sa taille et sa position,Son titre
- son texte et la taille de son texte,
- La couleur du titrela couleur de son texte.
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
- .
( voir la page Widget Titre -
EditionÉdition visuelle - Météo, pour plus d'informations sur l'édition ).
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 Taille du navigateur, ou ou taille d'affichage dans un autre site web ) et du pourcentage de zoom de la police paramétré ( "font_zoom_percent" : 100 ).
- Pour pouvoir être responsive, la taille de police du texte s'adapte à la taille de la vue afin de pouvoir être affiché affichée 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 55 lettres en majuscule dans majuscule dans le texte avant que le texte du titre ne dépasse. Si le pourcentage de zoom de la police ( "font_zoom_percent" : 100 ) est paramétré à 100% .
La police utilisée n'a pas une taille de caractère fixe, donc suivant les lettres présentes dans votre le texte, le nombre de caractères affichés pourra être différent de 50 55 ( Si vous utilisez pour des i minuscules par exemple ).
- Nous avons Shinken a volontairement fait le choix de ne se baser que sur la taille de la vue et pas celle de la du widget.
- Pour pouvoir être responsive, la taille de police du texte s'adapte à la taille de la vue afin de pouvoir être affiché affichée sur toutes les tailles d'écran.
| Note | ||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||||||||||||||||
Voici une liste de taille de "font" selon la taille de votre du navigateur
19 |
300 |
|
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 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 longues pour qu'il puisse s'afficher en entier.
- la 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 La largeur du widget vaut 15 cases ( "width" : 15 ), pour un nombre totale total de 60 cases dans la vuegrille ( "nb_tiles_in_width" : 60 ).
| Panel | ||||
|---|---|---|---|---|
| ||||
|
Changement de la couleur du texte
Chaque séparateur peut avoir Le widget "titre" a sa propre couleur :
- La couleur par défaut du texte du widget "titre" est noir (si vous ne la précisez pas )non précisé ),
- 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 la couleur du texte est en vert ( "text_color" : "green ou " ou "text_color" : #008000 ou text"#008000" ou "text_color" : "rgb(0,128,0) " ).
| Panel | ||||
|---|---|---|---|---|
| ||||
| Info | ||||
|
( voir la page Widget Titre - Édition JSON - 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 9 pixels :
| Panel | ||||
|---|---|---|---|---|
| ||||
|
Affichage avec une Erreur et un Avertissement
| 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. |
