| Scroll Ignore | ||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||||
|
Présentation - Widget Titre
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 titretexte et la taille de son texte,
- La couleur du titrede 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
| Info |
|---|
Pour plus d'informations sur comment définir ces aspects, veuillez vous référer à la page suivante : Widget Titre FOR-MERGE - 002.5 - SEF-8970 - Widget Séparateur - 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 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 texte, le nombre de caractères affichés pourra être différent de 50 55 ( 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 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 navigateur
600 |
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 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 modifions la couleur du texte 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 : FOR-MERGE - 002.5 - SEF-8970 - Widget Titre - Edition - Météo |
Comportement du widget lors d'un redimensionnement du navigateur
Exemples de redimensionnement
| Panel | titleBGColor | transparent|
|---|---|---|
| ||
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 | ||||
|---|---|---|---|---|
| ||||
| 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. |