[Tuto] Utiliser Monitor

Forum dédié aux interfaces personnalisables : Custom Pages, Reacticz, Domoboard...
allstar71
Messages : 23
Inscription : 23 nov. 2016, 09:25

Re: Custom page

Message par allstar71 »

EddyFrom a écrit :
allstar71 a écrit :
EddyFrom a écrit :Bonjour,
Tout d'abord merci pour toutes ces infos et le travail effectué et partagé.

Ma question va porter sur le CSS. Je cherche à colorer le fond des "cell" utilisées.
Si je prends dans le fichier page1.css la partie:
#cell1, #cell2, #cell4, #cell5,
#cell6, #cell7, #cell8, #cell9, #cell10,
#cell11, #cell12, #cell13, #cell14, #cell15,
#cell16, #cell17, #cell18, #cell19, #cell20,
#cell21, #cell22, #cell24, #cell26, #cell23,
#cell27, #cell28, #cell29, #cell30, #cell31
{
font-family: arimo;
font-weight: bold;
width: 162px;
padding: 10px;
/* border: 1px solid #1E1E1F; */
border: 1px solid transparent;
border-radius: 0px;
height: 58px;
line-height: 55px;
color: #999;
font-size:40px;
text-shadow: 1px 1px 4px black;

}

Et que je veux faire une mise en page différente pour certaine de ces "cell"
Comment procéder?
Faire 2 groupes différents ne convient pas...

Merci beaucoup.

Il faut que tu modifies le css en indiquant uniquement les cells que tu souhaites.

Par exemple, si tu veux colorer le fond des cells 12 et 13 tu rajoutes dans ton css

#cell12, #cell13{
--toncodecss--
background-color: #fff;
}
Merci pour ta réponse.
Cependant je n'ai pas dû bien comprendre ton explication.
Qu'est ce que je fais des autres cells?
Si je les supprime, si je les mets dans un autre paragraphe... La mise en forme de ma page change totalement.

Merci et bonne soirée.

Bonjour,

Tu peux par exemple faire comme suit :

#cell1, #cell2, #cell4, #cell5,
#cell6, #cell7, #cell8, #cell9, #cell10,
#cell11, #cell14, #cell15,
#cell16, #cell17, #cell18, #cell19, #cell20,
#cell21, #cell22, #cell24, #cell26, #cell23,
#cell27, #cell28, #cell29, #cell30, #cell31
{
font-family: arimo;
font-weight: bold;
width: 162px;
padding: 10px;
/* border: 1px solid #1E1E1F; */
border: 1px solid transparent;
border-radius: 0px;
height: 58px;
line-height: 55px;
color: #999;
font-size:40px;
text-shadow: 1px 1px 4px black;

}


#cell12, #cell 13
{
font-family: arimo;
font-weight: bold;
width: 162px;
padding: 10px;
/* border: 1px solid #1E1E1F; */
border: 1px solid transparent;
border-radius: 0px;
height: 58px;
line-height: 55px;
color: #999;
font-size:40px;
text-shadow: 1px 1px 4px black;

background-color: #fff;

}

dans cet exemple, tu aras les cells 12 et 13 de la meme forme mais avec un fond blanc.

L'autre possibilité est de laisser le premier bloc (avec tous les cells) comme il est actuellement, et de rajouter la couleur de fond sur les cells que tu veux.

Par exemple en colorant la cell1 tu rajoutes uniquement ceci après (sans enlevé cell1 dans la mise en forme au dessus)

#cell1
{
background-color:#fff;
}

Si tu n'y arrive pas, donne nous ton code CSS et dis nous ce que tu veux modifier.
vil1driver
Messages : 5661
Inscription : 30 janv. 2015, 11:07
Localisation : Rennes (35)

Re: Custom page

Message par vil1driver »

vil1driver a écrit :
bricoyeye a écrit :Bonjour,
Y a-t'il un moyen de changer de page par une commande json?

Je m'explique:
J'ai custom page qui est renvoyé sur une tablette que je commande avec SARAH, ayant plusieurs pages, je voudrai passer d'une page à l'autre par la voix.
Merci

J'avais eu la même idée :D puis j'ai bloqué techniquement
Mais ton message ma fait m'y remettre, je suis sur une piste intéressante..
YESSSS, we have a winner :D

je suis parvenu à savamment marier mqtt et websocket, du coups domoticz peut contrôler la custom page.

un nouveau monde s'ouvre..
passer d'une page à l'autre ( par commande vocale ou avec une télécommande...)
afficher en grand une camera si qqn sonne...
jouer un texte.. une web radio...
etc..

j'essai de faire une explication condensée prochainement ;) va y avoir un peu de travail manuel..
Dernière modification par vil1driver le 03 déc. 2016, 20:33, modifié 2 fois.
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
foudepc83
Messages : 230
Inscription : 15 août 2016, 11:58

Re: Custom page

Message par foudepc83 »

Ooooh bravoooi !

Envoyé de mon SM-A310F en utilisant Tapatalk
EddyFrom
Messages : 6
Inscription : 02 déc. 2016, 13:29
Localisation : Retiers

Re: Custom page

Message par EddyFrom »

allstar71 a écrit :
L'autre possibilité est de laisser le premier bloc (avec tous les cells) comme il est actuellement, et de rajouter la couleur de fond sur les cells que tu veux.

Par exemple en colorant la cell1 tu rajoutes uniquement ceci après (sans enlevé cell1 dans la mise en forme au dessus)

#cell1
{
background-color:#fff;
}

Si tu n'y arrive pas, donne nous ton code CSS et dis nous ce que tu veux modifier.
J'ai opté pour cette proposition, et c'est OK.
Merci beaucoup.
Jeff
Messages : 1007
Inscription : 17 nov. 2016, 20:54
Localisation : Rennes (35)

Re: Custom page

Message par Jeff »

YESSSS, we have a winner :D

je suis parvenu à savamment marier mqtt et websocket, du coups domoticz peut contrôler la custom page.

un nouveau monde s'ouvre..
passer d'une page à l'autre ( par commande vocale ou avec une télécommande...)
afficher en grand une camera si qqn sonne...
jouer un texte.. une web radio...
etc..
C'est bon ça ! Bravo Vil1driver :D

Je viens de découvrir un bug sur la fermeture volet de la custom page qui ne marche plus, je vais regarder quelques pages en arrière dans le post si vous en parlez ou si c'est quand j'ai joué avec les icons custom !
Version: 2023.1 sur VM Synology, docker Zwave Js UI (Z-stick GEN5, Fibaro...), Zigbeefordomoticz. Nextion RGB Led Screen
Arno-Strasbourg
Messages : 46
Inscription : 11 oct. 2016, 23:30

Re: Custom page

Message par Arno-Strasbourg »

Bonjour,

J'ai mis un lien dans le frontpage qui affiche la phase de la lune

Code : Tout sélectionner

[' ','Html','cell4','<a target="blank" style="text-decoration:none;" href="http://www.calendrier-lunaire.net/"><img src="http://www.calendrier-lunaire.net/module/LYmFzaWMtMzM3LWgyLTE0ODA3ODU5ODUuNDkzOS0jMDQwYTE3LTE0MC0jZjAxM2YwLTE0ODA3ODU5ODUtNS0yMA.png" alt="La Lune" title="La Lune" /></a>','','','',''],
Sur l'ordinateur, je vois le widget mais pas sur la tablette.

Bizarre non ?
@rn0.

DMZ + Xibo sur Raspberry Pi pour le bureau
DMZ + Custom Page sur W7 pour la maison récemment transféré sur
DS216se Synology - DSM 6.1.1-15101 Update 1 / Domoticz 3.0.7376-7 / Mosquitto 1.4.9-5
Jeff
Messages : 1007
Inscription : 17 nov. 2016, 20:54
Localisation : Rennes (35)

Re: Custom page

Message par Jeff »

Le bug sur les blinds inverted est réel chez moi, je suis reparti à 0 de la dernière version, j'ai configuré que mes 4 volets.
C'est le suivant : quand je décide d'ouvrir un volet, alors qu'il était précédemment dans une position semi fermé, je ne peux plus le réouvrir. Par contre je peux le refermer.
Le clic ne produit rien, cela se produit sur mes 4 volets, je suis remonté sur une de mes version de avril 2016, c'est pareil ,comme quoi, ca fait un bail ou j'ai un truc que je ne maîtrise pas chez moi !
Voici un bout d'aide !
Blinds_inverted.png
Blinds_inverted.png (56.24 Kio) Consulté 7386 fois
Version: 2023.1 sur VM Synology, docker Zwave Js UI (Z-stick GEN5, Fibaro...), Zigbeefordomoticz. Nextion RGB Led Screen
papoo
Messages : 2029
Inscription : 10 janv. 2016, 11:29
Localisation : Limoges (87)
Contact :

Re: Custom page

Message par papoo »

je me demande si cela ne provient pas du navigateur.
j'ai le même problème mais seulement sur ma tablette, pas depuis l'ordi.
domoticz beta/RaspBerry PI3 stretch
https://pon.fr github
Jeff
Messages : 1007
Inscription : 17 nov. 2016, 20:54
Localisation : Rennes (35)

Re: Custom page

Message par Jeff »

Je ne suis pas le seul alors !
Moi je l'ai aussi sur l'ordinateur mais c'est chrome comme la tablette.
Mystère
Version: 2023.1 sur VM Synology, docker Zwave Js UI (Z-stick GEN5, Fibaro...), Zigbeefordomoticz. Nextion RGB Led Screen
papoo
Messages : 2029
Inscription : 10 janv. 2016, 11:29
Localisation : Limoges (87)
Contact :

Re: Custom page

Message par papoo »

c'est chrome sur les deux équipements pour moi aussi mais ça ne fonctionne pas sur la tablette
domoticz beta/RaspBerry PI3 stretch
https://pon.fr github
Verrouillé