En regardant l'exemple du site ign : geoportalalert avec firebug, j'ai vu que la feuille de style framedcloud.css ne se charge pas et dans le code source, version 1.1, téléchargé hier, le fichier est vide 0 ko !
Version imprimable
En regardant l'exemple du site ign : geoportalalert avec firebug, j'ai vu que la feuille de style framedcloud.css ne se charge pas et dans le code source, version 1.1, téléchargé hier, le fichier est vide 0 ko !
La feuille de style framedcloud.css fait partie du code source Openlayers. Depuis la version 2.8, le fichier a été vidé mais est conservé...
Pas d'impact donc du côté API Géoportail hormis le chargement d'un fichier de 0Ko 8-)
Merci pour la réponse.
Pour modifier l'aspect des popups FramedCloud, je suppose qu'il faut :
1) Modifier l'image cloud-popup-relative.png
2) Surcharger le style FramedCloud.css
Mais sur ce dernier point, j'essaye de récupérer ce fameux fichier FramedCloud.css sur le site de l'API en me basant sur les URL données ICI, mais sans succès.
Ce fichier CSS est-il encore disponible à l'API et, le cas échéant, serait-il possible d'indiquer son URL ? :P
Merci Didier mais comme indiqué précédemment par Trukker ces fichiers sont vides. :cry:
Ils existaient, semble-t-il, jusqu'à la v.1.1 chez l'API mais où :(
Eh oui, OpenLayers les a vidé car ils ne servent plus ...
Ils existent toujours vides. On a retiré les archives ... Pour les avoir, il suffit d'aller sur OpenLayers (vide depuis OpenLayers 2.8) :ccool:
Bigre, me v'la bien avancé :aie:
Le lien OpenLayers ne contient que ça :
Faut-il donc aller à la pêche avec Firebug (vu mon aisance, il y en a pour la journée). :aie:Code:
1
2
3
4 .olFramedCloudPopupContent { padding: 5px; overflow: auto; }
Je lance donc un appel à la communauté, dès fois que... ;)
As-tu jeté un oeil à celui-là ?
Ce n'est pas vraiment à la portée du 1er venu de dépatouiller ce qui concerne la popup "framedcloud" parmi ce code "multi-popups". :cry:
Le fichier CSS ne semble pas spécifique à la FramedCloud non plus ?
Ceci dit, j'ignore s'il est vraiment possible d'afficher une FramedCloud customisée (couleurs différentes) et ceci grâce à une simple surcharge CSS.
Reste à tester la chose en récupérant le code source CSS OpenLayers à partir d'un exemple simple, mais c'est pas gagné. :koi:
j'ai un peu avancé sur cette page de tests.
En définitive, le popup FramedCloud est construit avec 5 images que je surcharge en CSS avec ce code :
Pour faciliter les tests, l'image d'origine est transformée en un rectangle rouge de 1276 x 736px.Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15 #chicken_FrameDecorationImg_0 { background-image: url(../archives/images/cloud-popup-relative.png) !important; } #chicken_FrameDecorationImg_1 { background-image: url(../archives/images/cloud-popup-relative.png) !important; } #chicken_FrameDecorationImg_2 { background-image: url(../archives/images/cloud-popup-relative.png) !important; } #chicken_FrameDecorationImg_3 { background-image: url(../archives/images/cloud-popup-relative.png) !important; } #chicken_FrameDecorationImg_4 { background-image: url(../archives/images/cloud-popup-relative.png) !important; }
La couleur rouge apparait bien mais seulement au second plan du popup, et le z-index est sans effet (sauf pour masquer le contenu). :cry:
Il ne manque plus qu'une astuce pour faire passer au second plan les images OpenLayers, et tu as même ébauché une soluce sur une ancienne discussion. :ccool:
La démo manque évidemment à l'amateur lambda ;)
Voir une ébauche de solution sur cette discussion.