[Résolu] Monitor - modifier taille Icône

[fab0030]

Bonsoir,
Il me semble que les icônes sont automatiquement redimensionnées en 48x48 pixels.
Est il possible de réduire les icônes d'une page, ou icône par icône ? si oui un pro de CSS pourrait il m’indiquer la méthode
Je précise, icônes perso dans monitor/icons appelé tel que défini dans le tuto mais de taille 30x30
merci

[fab0030]

petit up,
j ai fouillé pas mal, cherché dans index, frontpage,...pas mal de modif, mais j'ai toujours mon icône en width 48px. Je ne vois pas comment "lui" forcer une icône plus petite...

[vil1driver]

Salut,

Modifie ton icône..

[fab0030]

A question con réponse con !! Vu comme ça, cela fonctionne ! Nécessite de jouer pas mal du paint.net...qu'est ce qu on ferait pas pour la WAF !
merci Vil1driver

[fab0030]

Bonjour,
Je customise les custom pages et finalement ce sont les icônes qui me donnent le plus de fil à retordre !
Après en avoir réduite en taille....je souhaite en agrandir.
J ai lu attentivement différents post....sans succès

est ce que la petite modif proposée par Vil1driver a pu être testée par l'un d'entre vous, est ce suffisant? :
J utilise bien frontage.js au lieu de frontage.min...

Code : Tout sélectionner

 if (lastseen !== '0' && lastseen !== '1') {
   if (vdata === txt_on || vdata === txt_open) {
      vdata = ['<img src=icons/',lastseen,'48_On.png width=48>'].join('');
      if (item.Name==='Alarme'){
         vdata = ['<img src=icons/',lastseen,'96_On.png width=96>'].join('');
      }
   }
   else if (vdata === txt_off || vdata === txt_closed) {
      vdata = ['<img src=icons/',lastseen,'48_Off.png width=48>'].join('');
      if (item.Name==='Alarme'){
         vdata = ['<img src=icons/',lastseen,'96_Off.png width=96>'].join('');
      }
   }
   else if (item.SwitchType === 'Push On Button' || item.SwitchType === 'Push Off Button') {
      vdata = ['<img src=icons/',lastseen,'.png width=48>'].join('');
   }
} 

merci

[Jeff]

Voici les modifs pour augmenter l'icone dans monitor :

Dans index.html : on modifie l'entête pour utiliser le fichier frontpage.js :

Code : Tout sélectionner

<script src="js/frontpage_settings.js"></script>
<!--<script src="js/frontpage.min.js"></script>-->
<script src="js/frontpage.js"></script>

Dans frontpage.js : env ligne 1050, on rajoute un item.Name (Nom de l'icone)

Code : Tout sélectionner

else if (lastseen !== '0' && lastseen !== '1') {
														if (vdata === txt_on || vdata === txt_open) {
															vdata = ['<img src=icons/',lastseen,'48_On.png width=48>'].join('');
															if (item.Name==='Alarme' && vlabel=='cell6_3'){
															vdata = ['<img src=icons/',lastseen,'96_On.png width=96>'].join('');
															}
		
														}
														else if (vdata === txt_off || vdata === txt_closed) {
															vdata = ['<img src=icons/',lastseen,'48_Off.png width=48>'].join('');
															if (item.Name==='Alarme' && vlabel=='cell6_3'){
															vdata = ['<img src=icons/',lastseen,'96_Off.png width=96>'].join('');
															}		
														}

Dans le dossier icons; j'ai nommé 2 icons comme ceci : 96 étant la taille en pixel 96*96 et non 48 de base et "Alarm" , le nom de Item.Name
Alarm96_Off.png
Alarm96_On.png

Dans frontpage_settings.js, je déclare comme ceci mon icone : "Alarm" se raccordant au nom de mon icone et de Item.Name

Code : Tout sélectionner

['Alarme','Status',     'clock7',                       	'Etat alarme','Alarm','','',''],

En espérant que ce la vous aide.

[fab0030]

C'est top, ça fonctionne!
Merci Jeff
Fabien

[Jeff]

Cool

[vil1driver]

tu peux aussi tout simplement jouer avec le css

exemple pour une image de la cellule 13 page 1

Code : Tout sélectionner

#cell13 img {
	width: 96px;
}

et basta

[Jeff]

Dommage que tu l'ai pas dit avant, j'avais déjà échangé avec toi sur le sujet et on était arrivé à la solution que j'ai proposé !
Si ta solution marche, elle est effectivement beaucoup plus simple...