Avant toute chose merci de (re)prendre connaissance de la charte et de la respecter.
Pour résumer :
- Avant de poser une question, je cherche si la réponse existe
- Je suis poli, courtois et je respecte tout un chacun sur le forum
- Si un post m'agace : je m'en éloigne plutôt que de répondre d'une façon qui pourrait être mal interprétée


Il n'est jamais du luxe que de rappeler des choses simples :
Courtoisie, amabilité, politesse et bonne humeur sont les maîtres mots pour un forum sympathique, bienveillant et accueillant :)

Toute la communauté vous remercie

[S'inspirer] Postez vos Customisations (Javascipt / CSS)

JEEDOM et vous! Venez vous présenter et préseter votre installation domotique JEEDOM
fleproust
Timide
Messages : 75
Inscription : 07 sept. 2017, 08:19

Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)

Message par fleproust » 30 déc. 2017, 18:14

Bonjour,

Voici mes designs :
Pièces jointes
meteo.png
meteo.png (194.21 Kio) Consulté 1220 fois
lampes.png
lampes.png (254.5 Kio) Consulté 1220 fois
chauffage.png
chauffage.png (209.48 Kio) Consulté 1220 fois

fleproust
Timide
Messages : 75
Inscription : 07 sept. 2017, 08:19

Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)

Message par fleproust » 30 déc. 2017, 18:15

Suite :
Pièces jointes
temp.png
temp.png (185.96 Kio) Consulté 1219 fois
ouvrants.png
ouvrants.png (238.26 Kio) Consulté 1219 fois
monitoring.png
monitoring.png (211.37 Kio) Consulté 1219 fois

Avatar de l’utilisateur
BizZ62
Actif
Messages : 1349
Inscription : 16 juil. 2014, 19:17

Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)

Message par BizZ62 » 09 janv. 2018, 20:18

Hello @Fleproust,

Ca a l'air très sympa mais tu as une section spéciale pour les designs :

viewtopic.php?f=50&t=1182

Par ailleurs des captures d'écran un peu plus grandes nous permettraient sans doute de mieux admirer ton travail ;)
MERCI POUR LE TAF !!!
RPI3 / Stick Aeon Gen5 / SSD 32Go + RPi2 / Stick Aeon Gen5 / +- 30 Modules Zwave / +- 10 modules 433 / 5 Caméras.

fleproust
Timide
Messages : 75
Inscription : 07 sept. 2017, 08:19

Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)

Message par fleproust » 09 janv. 2018, 20:26

Je suis sur smartphone et non sur tablette. D’ou La taille.

winhex
Actif
Messages : 2558
Inscription : 23 janv. 2015, 01:41

Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)

Message par winhex » 03 févr. 2018, 03:35

historique modifié avec le théme darksobre
histo.png
histo.png (63.93 Kio) Consulté 973 fois

Code : Tout sélectionner

/** historique **/
.highcharts-plot-band  /** fond créme**/
{
        fill: #505152;
}
.highcharts-grid-line /** barre horizontal **/
{
opacity: 0.0; 
}
.highcharts-tracker /** tracé orange **/
{
stroke-width: 2;
  stroke: #ff9900!important;
}
/** tous le reste **/
.highcharts-legend-item.highcharts-markers, .highcharts-series-0, .highcharts-line-series, .highcharts-color-undefined
{
  stroke: rgb(148, 148, 140)!important;
  fill: #ff9900!important;
}
.highcharts-graph /** petite barre légende **/
{
  stroke: #ff9900!important;
}

Avatar de l’utilisateur
cyrilphoenix
Timide
Messages : 434
Inscription : 28 juil. 2015, 16:46
Localisation : 71

Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)

Message par cyrilphoenix » 04 févr. 2018, 12:38

winhex a écrit :
03 févr. 2018, 03:35
historique modifié avec le théme darksobre
histo.png

Code : Tout sélectionner

/** historique **/
.highcharts-plot-band  /** fond créme**/
{
        fill: #505152;
}
.highcharts-grid-line /** barre horizontal **/
{
opacity: 0.0; 
}
.highcharts-tracker /** tracé orange **/
{
stroke-width: 2;
  stroke: #ff9900!important;
}
/** tous le reste **/
.highcharts-legend-item.highcharts-markers, .highcharts-series-0, .highcharts-line-series, .highcharts-color-undefined
{
  stroke: rgb(148, 148, 140)!important;
  fill: #ff9900!important;
}
.highcharts-graph /** petite barre légende **/
{
  stroke: #ff9900!important;
}
Tres sympa ! où pose tu le code ?
Jeedom fan
Mon Matos : RPI 3, NAS Synology, Xiaomi Gateway, Aeotec Gen5, Broadlink RM3, Clé BLEA
Mes plugins : FlipClock, Opening (à venir)

winhex
Actif
Messages : 2558
Inscription : 23 janv. 2015, 01:41

Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)

Message par winhex » 04 févr. 2018, 14:12

personnalisation avancée
20180204_141055.png
20180204_141055.png (202.43 Kio) Consulté 920 fois
20180204_141131.png
20180204_141131.png (299.47 Kio) Consulté 920 fois
c est lié au sujet

Avatar de l’utilisateur
cyrilphoenix
Timide
Messages : 434
Inscription : 28 juil. 2015, 16:46
Localisation : 71

Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)

Message par cyrilphoenix » 05 févr. 2018, 10:39

Parfait ca marche et c'est bien plus joli comme ca, merci :D
Jeedom fan
Mon Matos : RPI 3, NAS Synology, Xiaomi Gateway, Aeotec Gen5, Broadlink RM3, Clé BLEA
Mes plugins : FlipClock, Opening (à venir)

Avatar de l’utilisateur
cyrilphoenix
Timide
Messages : 434
Inscription : 28 juil. 2015, 16:46
Localisation : 71

Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)

Message par cyrilphoenix » 13 févr. 2018, 09:44

fleproust a écrit :
30 déc. 2017, 18:15
Suite :
Pas mal les courbes :D
Tu pourrais partager le code CSS ?
Jeedom fan
Mon Matos : RPI 3, NAS Synology, Xiaomi Gateway, Aeotec Gen5, Broadlink RM3, Clé BLEA
Mes plugins : FlipClock, Opening (à venir)

fleproust
Timide
Messages : 75
Inscription : 07 sept. 2017, 08:19

Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)

Message par fleproust » 13 févr. 2018, 13:24

Y a pas de code, j’integre Juste un graphique dans le design.

Avatar de l’utilisateur
cyrilphoenix
Timide
Messages : 434
Inscription : 28 juil. 2015, 16:46
Localisation : 71

Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)

Message par cyrilphoenix » 13 févr. 2018, 16:53

fleproust a écrit :
13 févr. 2018, 13:24
Y a pas de code, j’integre Juste un graphique dans le design.
Et pour les couleurs de courbes ?
Jeedom fan
Mon Matos : RPI 3, NAS Synology, Xiaomi Gateway, Aeotec Gen5, Broadlink RM3, Clé BLEA
Mes plugins : FlipClock, Opening (à venir)

fleproust
Timide
Messages : 75
Inscription : 07 sept. 2017, 08:19

Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)

Message par fleproust » 13 févr. 2018, 18:49

Ça se personnalise dans les designs directement

Avatar de l’utilisateur
GargouilleBL
Timide
Messages : 95
Inscription : 26 janv. 2017, 09:31

Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)

Message par GargouilleBL » 26 mars 2018, 14:28

Bonjour à toutes et tous,
J'ai chercher un peu partout dans le forum, je ne trouve pas ce que je cherche, ou je n'utilise pas les bons mots clefs.
Mais ce post me parait le plus approprié pour ma de mande puisqu'il s'agit bien de personnalisation et de css.
D'ailleurs, je m'étonne que personne n'est déjà fait une telle demande car je trouve que ça pourrait être bien pratique.
J'aimerais savoir quel code et surtout où je dois le mettre pour pouvoir avoir mes objets, plugins et autres tuiles "déroulantes" sur mon dashborad.
Avoir quelque chose qui ressemble à ça (bien sur c'est un montage).
Avec un objet (ou une pièce)
Jeedom - Objet déroulant.png
Jeedom - Objet déroulant.png (281.04 Kio) Consulté 480 fois
Et avec un plugin (ici un virtuel)
Jeedom - Plugin déroulant.png
Jeedom - Plugin déroulant.png (61.27 Kio) Consulté 480 fois
Je sais que Jeedom est basé sur Bootstrap (du moins je pense) et qu'il faudrait mettre un truc de ce genre pour utiliser la fonction collapse :

Code : Tout sélectionner

<button data-toggle="collapse" data-target="#demo">Collapsible</button>
<div id="demo" class="collapse">
...Mon objet ou plugin
</div>
Mais comme dit plus haut, je ne sais si le code est exact et surtout où le mettre.
Un peu d'aide me serait bien utile,
Merci à vous,
@+ GargouilleBL
Jeedom V3.1.17 sur Raspberry Pi 3B+ - Clef Usb Z-Wave - Clef Usb RfxCom
Caméras D-Link, Oeil Fibaro, Détecteurs d'ouverture Chacon, Rubans Leds Yeelight, Variateurs Fibaro, Ampoules Led Z-Wave, Clavier RFID, Vannes Thermostat Living Connect, etc...

frankie666
Timide
Messages : 197
Inscription : 12 janv. 2016, 12:15
Localisation : Suisse

Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)

Message par frankie666 » 26 mars 2018, 17:54

Sans faire de code, dans une vue tu peux utiliser le plugin CLINKS https://jeedom.github.io/plugin-clink/fr_FR/ qui permet d'ouvrir une fenêtre (modal ou non) en appuyant sur un bouton dans une tuile ou alors dans un design, utiliser l'objet "zone" qui permet de lancer des commandes ou ouvrir une fenêtre avec un widget (ton widget yeelight par exemple).
Jeedom 3.2.7 / PHP 7.0.27-0+deb9u1 sous Raspbian / Linux Jeedom 4.14.39-v7+ #1112 SMP Sat May 5 12:01:33 BST 2018 armv7l GNU/Linux [9.4]

Avatar de l’utilisateur
GargouilleBL
Timide
Messages : 95
Inscription : 26 janv. 2017, 09:31

Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)

Message par GargouilleBL » 27 mars 2018, 08:22

@frankie666, bonjour et merci pour ta solution.
J'avais pensé a ce plugin (que j'utilise pour d'autre choses) mais dans le cas présent, je souhaite vraiment avoir mes objets, tuiles et plugins déroulants sur mon dashboard. Gain de place, rapidité et plus joli (question de goûts). Et donc utiliser la fonction collapse ou autres équivalente.
Si un spécialiste de CSS pouvait m'aider
Merci et bonne journée

@+GargouilleBL
Jeedom V3.1.17 sur Raspberry Pi 3B+ - Clef Usb Z-Wave - Clef Usb RfxCom
Caméras D-Link, Oeil Fibaro, Détecteurs d'ouverture Chacon, Rubans Leds Yeelight, Variateurs Fibaro, Ampoules Led Z-Wave, Clavier RFID, Vannes Thermostat Living Connect, etc...

Bobock
Timide
Messages : 19
Inscription : 03 mai 2016, 11:47

Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)

Message par Bobock » 06 avr. 2018, 22:19

Bonjour à tous,

Je ne sais pas si c’est le bon endroi pour cette question. Je cherche à afficher sur les graphiques d’historiques sous forme de colonnes empilées (ça c’est facile), en faisant apparaitre dans chaque colonne la valeur de la commande.
Ca semble possible d’après le site highcharts, et je crois que j’ai vu ça dans les screenshots du plugin « suivi conso ».
Savez-vous faire ?
Merci d’avance!

Loic74
Timide
Messages : 128
Inscription : 24 oct. 2017, 22:45
Localisation : Haute-Savoie

Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)

Message par Loic74 » 22 avr. 2018, 17:47

Bonjour à tous,

Il est écrit dans la doc:
Toute erreur dans un des ces scripts peut rendre Jeedom totalement indisponible et il faudra se connecter en SSH et supprimer les fichiers de customisation pour pouvoir le récupérer
OK mais quel fichier faut-il supprimer dans le cas de code CSS et dans le cas de code JS?

Merci
Loic
---------------------------------------
Jeedom v3.1.7, RPi3+SSD, Bluetooth, EcoDevice, Arduino, ETH-IO32B, MQTT, LoRa

Loic74
Timide
Messages : 128
Inscription : 24 oct. 2017, 22:45
Localisation : Haute-Savoie

Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)

Message par Loic74 » 23 avr. 2018, 14:32

Hmm, j’ai peut etre posté au mauvais endroit, sorry
---------------------------------------
Jeedom v3.1.7, RPi3+SSD, Bluetooth, EcoDevice, Arduino, ETH-IO32B, MQTT, LoRa

Sartog
Timide
Messages : 359
Inscription : 27 août 2015, 14:54

Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)

Message par Sartog » 23 avr. 2018, 15:22

Loic74 a écrit :
22 avr. 2018, 17:47
Bonjour à tous,

Il est écrit dans la doc:
Toute erreur dans un des ces scripts peut rendre Jeedom totalement indisponible et il faudra se connecter en SSH et supprimer les fichiers de customisation pour pouvoir le récupérer
OK mais quel fichier faut-il supprimer dans le cas de code CSS et dans le cas de code JS?

Merci
Loic
Je dirais dans Desktop/custom/
A vérifier tout de même.
Box : smart, mini+, pi 2 et 3, ipbx800 v4
Protocole : Z-Wave (Fibaro & Qubino), Ikea, Bluetooth
Méteo : Netatmo
Audio : Sonos (Play 1 et 5)

Loic74
Timide
Messages : 128
Inscription : 24 oct. 2017, 22:45
Localisation : Haute-Savoie

Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)

Message par Loic74 » 23 avr. 2018, 15:29

Merci Sartog,

J'étais justement en train de me répondre, c'est bien cela.
Il faut supprimer le fichier "custom.css" (et/ou "custom.js" j'imagine) via SSH si on est bloqué
---------------------------------------
Jeedom v3.1.7, RPi3+SSD, Bluetooth, EcoDevice, Arduino, ETH-IO32B, MQTT, LoRa

Répondre

Revenir vers « Présentation et Vitrine d'installations »

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 2 invités