[Résolu] Monitor - Changer le fond d'une page

Forum dédié aux interfaces personnalisables : Custom Pages, Reacticz, Domoboard...
n1c0l45
Messages : 180
Inscription : 15 avr. 2016, 09:12

[Résolu] Monitor - Changer le fond d'une page

Message par n1c0l45 »

Salut

je suis en train de faire mumuse avec monitor, et je voudrais definir un fond d'ecran spécifique à une page, comment faire?
Si en plus elle pouvais scroller avec les pages se serait top moumoute (mais je pense en demander trop!)

Merci
vil1driver
Messages : 5661
Inscription : 30 janv. 2015, 11:07
Localisation : Rennes (35)

Re: Changer le fond d'ecran d'une page de monitor?

Message par vil1driver »

Salut,

édite la page

remplace ceci

Code : Tout sélectionner

<div class="v-box">
par ceci (par exemple)

Code : Tout sélectionner

<div class="v-box" style="background-image: url("../icons/wallpaper/fond.jpg");">
mais ça ne rempli pas totalement l'espace :| ce n'est du coups pas très beau
sauf si tu affectes un fond par page et laisse le fond originel en noir.. là ok waf passed ;)
MAJ = VIDER LE CACHE(<-Clicable)
/!\Les mises à jour de Domoticz sont souvent sources de difficultés, ne sautez pas dessus
modules.lua

Un ex domoticzien
vil1driver
Messages : 5661
Inscription : 30 janv. 2015, 11:07
Localisation : Rennes (35)

Re: [Résolu] Monitor - Changer le fond d'une page

Message par vil1driver »

l'autre possibilité consiste à éditer swipeSetup.js

Code : Tout sélectionner

    stopPropagation: true,
   callback:function(index) {
                        //page1
                        if (index === 0){
                           	document.body.style.background="url(icons/fond1.png) no-repeat top center fixed";
										document.body.style.backgroundSize="cover";
                        }
                        //page2
                        else if (index === 1){
                           	document.body.style.background="url(icons/fond2.png) no-repeat top center fixed";
										document.body.style.backgroundSize="cover";
                        }
                        //page3
                        else if (index === 2){
                           	document.body.style.background="url(icons/fond3.png) no-repeat top center fixed";
										document.body.style.backgroundSize="cover";
                        }
                        //etc...                            
                     }   
ne pas oublier la virgule après true,

bien sure, désactiver les fonds dans frontpage_settings.js

Code : Tout sélectionner

// Change backgrounds images,size and brightness
var bg_day = '';
var bg_night = '';
var bg_day_spring = '';
var bg_night_spring = '';
var bg_day_summer = '';
var bg_night_summer = '';
var bg_day_autumn = '';
var bg_night_autumn = '';
var bg_day_winter = '';
var bg_night_winter = '';
MAJ = VIDER LE CACHE(<-Clicable)
/!\Les mises à jour de Domoticz sont souvent sources de difficultés, ne sautez pas dessus
modules.lua

Un ex domoticzien
seblang
Messages : 116
Inscription : 27 déc. 2015, 11:06

Re: [Résolu] Monitor - Changer le fond d'une page

Message par seblang »

Hello Vildriver

merci de ces infos cela fait partie de ce que je cherchais a faire :-)

J'ai choisi ta première solution mais l'image ne s'affiche pas.
Voila ce que j'ai mis:

<div class="v-box" style="background-image: http://192.168.1.18/NetAudio/art.asp-jpg");">

cela te semble correcte?

merci
Répondre