Forum Domoticz en français

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

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...

Salut,

Modifie ton icône..

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

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

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.

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

Cool

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

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...

Forum Domoticz en français

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

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

Re: Icône

Re: Icône

Re: Icône

Re: Icône

Re: Icône

Re: Icône

Re: Icône

Re: Icône

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