[S'inspirer] Postez votre Plan / Design

[Boboss]

Hello

Est ce que quelqu'un peut expliquer comment vous faites pour avoir ce tableau ?

Tab.png (51.92 Kio) Consulté 2271 fois

Merci

[Boboss]

Bonsoir
Après quelques recherches et beaucoup d'essais j'arrive à ce résultats :

tableau.JPG (21.46 Kio) Consulté 2226 fois

Par contre je n'arrive pas à mettre l'unité °C derrière la valeur.
Est ce qu'il faut changer le widget ?

Merci de votre aide

[eeBud]

Si c'est un viruel "info autre" il faut le mettre après le # dans commande, après ce que tu rappelles en fait. Et non pas dans les unités

[benj29]

Salut,
Merci. C'est une base pour le moment, je vais encore enlever les icones de couleur qui sont un peu "fantaisie", je trouve. Je vais remettre du basique de Jeedom que je trouve plus sobre.

Pour le menu, voici un exemple sur le menu de mes objets:
Il faut créer un texte/html, et copier ça:

Code : Tout sélectionner

 <style type="text/css" media="screen">
  
    	.menu_objets{
		width:350px;
		background-color:rgba(0,0,0,0.6);
	}
    
    	.texte{
		display:inline-block;
		width: 350px;
		height: 60px;
		margin-left: 0px;
		text-align: center;
		border-bottom: 1px solid rgba(255,255,255,0.3);
		background-color: rgba(0,0,0,0.2);
  		font-size: 25px;
  		color: white;
    		font-weight:lighter;
  	}
    
   	 .survol:hover{
		background-color: rgba(255,255,255,0.2);
	}
  </style>

<div style = "box-shadow: 0px 0px 3px 3px rgba(255,255,255,0.5);border-radius: 10px;" class="menu_objets">
  
	<!--Ligne 1 Modifier planHeader_id= à votre besoin -->  
  	<div class="survol" onClick="planHeader_id=ID DE VOTRE DESIGN CIBLE; displayPlan();">
  		<div class="texte" style="line-height:60px;">
 			Le texte de la ligne 1 
		</div>
  	</div>
  	
  	<!--Ligne 2 Modifier planHeader_id= à votre besoin -->  
  	<div class="survol" onClick="planHeader_id=ID DE VOTRE DESIGN CIBLE; displayPlan();">
  		<div class="texte" style="line-height:60px;">
 			Le texte de la ligne 2
		</div>
  	</div>
  
</div>

Là dessus on peut tout modifier, les couleurs, les arrondis, etc...

Pour le camembert, j'ai créé un Graphique, dans lequel j'ai mis les infos qui m'intéressaient en mode camembert et non courbe. Mais dans l'état, il me manquait la part "Autre".
J'ai donc un scénario qui s'exécute toutes les heures, et qui fait la différence entre (Prix Total - Prix chauffage - Prix Multimédia - Prix autre)

@eebud, as tu essayé d'enlever la légende ?
viewtopic.php?f=24&t=40131&p=656350&hil ... rt#p656350

Suite à ce post, je m'arrache les cheveux pour virer cette légende... illisible !

[Boboss]

Merci de ton aide

Si c'est un viruel "info autre" il faut le mettre après le # dans commande, après ce que tu rappelles en fait. Et non pas dans les unités

J'ai testé à mettre l'unité après le rappel derrière le # et cela n'a pas marché. Je l'ai mis dans unité et là impec.

Merci pour le tuyau que j'a pu exploiter.

@+

[eeBud]

Salut,
Merci. C'est une base pour le moment, je vais encore enlever les icones de couleur qui sont un peu "fantaisie", je trouve. Je vais remettre du basique de Jeedom que je trouve plus sobre.

Pour le menu, voici un exemple sur le menu de mes objets:
Il faut créer un texte/html, et copier ça:

Code : Tout sélectionner

 <style type="text/css" media="screen">
  
    	.menu_objets{
		width:350px;
		background-color:rgba(0,0,0,0.6);
	}
    
    	.texte{
		display:inline-block;
		width: 350px;
		height: 60px;
		margin-left: 0px;
		text-align: center;
		border-bottom: 1px solid rgba(255,255,255,0.3);
		background-color: rgba(0,0,0,0.2);
  		font-size: 25px;
  		color: white;
    		font-weight:lighter;
  	}
    
   	 .survol:hover{
		background-color: rgba(255,255,255,0.2);
	}
  </style>

<div style = "box-shadow: 0px 0px 3px 3px rgba(255,255,255,0.5);border-radius: 10px;" class="menu_objets">
  
	<!--Ligne 1 Modifier planHeader_id= à votre besoin -->  
  	<div class="survol" onClick="planHeader_id=ID DE VOTRE DESIGN CIBLE; displayPlan();">
  		<div class="texte" style="line-height:60px;">
 			Le texte de la ligne 1 
		</div>
  	</div>
  	
  	<!--Ligne 2 Modifier planHeader_id= à votre besoin -->  
  	<div class="survol" onClick="planHeader_id=ID DE VOTRE DESIGN CIBLE; displayPlan();">
  		<div class="texte" style="line-height:60px;">
 			Le texte de la ligne 2
		</div>
  	</div>
  
</div>

Là dessus on peut tout modifier, les couleurs, les arrondis, etc...

Pour le camembert, j'ai créé un Graphique, dans lequel j'ai mis les infos qui m'intéressaient en mode camembert et non courbe. Mais dans l'état, il me manquait la part "Autre".
J'ai donc un scénario qui s'exécute toutes les heures, et qui fait la différence entre (Prix Total - Prix chauffage - Prix Multimédia - Prix autre)

@eebud, as tu essayé d'enlever la légende ?
viewtopic.php?f=24&t=40131&p=656350&hil ... rt#p656350

Suite à ce post, je m'arrache les cheveux pour virer cette légende... illisible !

J'ai plus de cheveux non plus. Lol

[Shaad]

Bonjour,

Je cherche le moyen de m'afficher sur une tablette la météo du jour et celle du lendemain. Je ne veux pas de blabla : une image représentant l'état du ciel, la température min et max de chaque jour.

Le plugin Weather fait celà, mais il affiche beaucoup trop de choses et contrairement à d'autres plugins que j'utilise dans mes Design je n'arrive pas à lui indiquer de ne pas afficher ce qui ne m'intéresse pas...

Des idées que la manière de faire ça proprement svp ?

Un autre plugin ? une bidouille facile et propre ?
Qu'utilisez-vous pour l'affichage de la météo ? sachant que je ne cherche ni la méteo courante, ni celle à 5 jours, ni le vent, la pression,...

Merci

[eeBud]

Un site balançant de la météo en html?
Genre:
http://www.meteocity.com/widget/

[benj29]

Darksky est joli et sympa...

Envoyé de mon JSN-L21 en utilisant Tapatalk

[propositionjoe]

Salut,
J'utilise ce site https://weatherwidget.io/
Tout se conf sur le site,
En sortie le site fournit un script qu'il suffit de coller dans un "ajouter texte/html".
Ça juste marche magnifiquement (avis perso évidemment).

[gregoire]

Super ce site! Je vais l'utiliser pour la météo sur mon dashboard.

[iPapy]

Effectivement sympa et simple pour la météo

[iPapy]

Y'a pas que les plan 3D dans la vie ...

C'est un début ( fait en moins d'une heure avec le super logiciel de PAO Open Source Scribus) :

J'aime beaucoup ton design, j'espère un jour être capable d'en faire autant

[Nvince76]

2 mois après emménagement...


Jeedom en place;

- gestion de tous mes volets RTS (en passant au passage 5 filaires en RTS, soit 13 volets) avec l'excellent plugin 'gestion de volets' + 'Heliotrope' widget 'Opening' +'Volet Proportionnel' mais je rencontre des difficulté avec ce dernier... il me faut un peu de temps pour me pencher dessus. Couplage avec les detecteurs d'ouverture 'FGS101' de fibaro (Ouverture et Température => fermeture des volets si soleil dans les baies et trop chaud, fermeture interdite si baie ouverte)

- Couplage de mon alarme protexiom

- gestion de mon store avec un 'Roller Shutter 2 de Fibaro (récupération de mon ancienne installation)

- gestion de ma porte de garage avec un 'switch 2.5kw' de Fibaro (récupération de mon ancienne installation) avec retour d'état de la détection d'ouverture de l'installation de mon alarme

- gestion de mon portail avec un 'switch 2x1.5kw' de Fibaro (récupération de mon ancienne installation)

- Bandeau Led dans la cuisine

- connexion de mon google Home mini et plugin GCast => ça effraye madame.... (Alarme activée pour la zone A..., Tombée de la nuit, allumage du bandeau Led, ... Attention, porte de garage restée ouverte, Nous sommes jeudi, penser à sortir les poubelles...)

- Surveillance du réseau : HTPC, Hystou (et Jeedom), Nas Syno, routeur, ...

- Connexion avec mon Roomba (mais problème avec le plugin, tout est ok, mais pas de retour du robot)

- Sauvegarde de mon Jeedom sur mon Syno

- Création de l'interface via Design pour ma tablette 18"

Bref, cela avance mais il y a encore beaucoup à faire (lumières, chauffage, gestion de présence, ...), avec en parallèle l'installation d'un VDI

quelques copies d'écrans..


les autres vues, pour une domotisation à venir, seront sur la même base de fond (Chauffage, Lumière, Multimédia et Réseau)


Le VDI en cours...bien avancé, ne me reste plus qu'a passer des centaines de câbles grade 3s un peu partout...


Bref, je m'amuse comme un petit fou...

Aucun regret sur le passage de Fibaro à Jeedom (reste à voir sur la durée, la fiabilité)

[Nvince76]

problème pour poster les images...


avec l'alarme activée sur une zone, les tuiles sont pour les cam. à venir

[Nvince76]

les 3 zones ont été crée sous forme de widget, un clic sur la zone et cela active/désactive l'alarme (après saisie du PSW...bien entendu)

[Mayhem]

Bonjour à tous,

Vraiment magnifique tout ces dashbord !

En revanche, il est possible de creer un bouton personalisable avec un effet push effect ? Ou mousseOver ?

Le but c’est dintegrer ca dans un widget et de le recuperer dans un virtuel pour la commande de mon IPX800

Creer un bouton personalisable en .png j’y arrive, avec un changement de design par retour d’etat, mais impossible de lui appliquer un effet lorsque j’appuie...

En integrant un code css je peux avoir le bouton mais du coup il commande rien -_-

Merci d’avance, et des que j’avance sur mon design je le post !

[eeBud]

Bonjour à tous,

Vraiment magnifique tout ces dashbord !

En revanche, il est possible de creer un bouton personalisable avec un effet push effect ? Ou mousseOver ?

Le but c’est dintegrer ca dans un widget et de le recuperer dans un virtuel pour la commande de mon IPX800

Creer un bouton personalisable en .png j’y arrive, avec un changement de design par retour d’etat, mais impossible de lui appliquer un effet lorsque j’appuie...

En integrant un code css je peux avoir le bouton mais du coup il commande rien -_-

Merci d’avance, et des que j’avance sur mon design je le post !

Voila un petit bouton que j'ai fais de mon coté.
Tu copies cela dans un Texte/html
Remplace "ID DE CE QUE TU VEUX EXECUTER" à la fin par l'id de la commande.

Bien sur tu peux modifier les couleurs, transparence, à ton besoin!

Espérant t'avoir aidé!

Code : Tout sélectionner

<style>
      .survol220x35:hover{
			width: 220px;
			height: 35px;
			background-color: rgba(255,255,255,0.2);
		}
      	
      
  		.survol220x35{
			width:220px;
          	height:35px;
         	font-family: "police";
			src: url('fonts/google.ttf');
          	font-weight:lighter;
          	border-radius: 10px;
          	vertical-align:middle;
          	line-height:35px;
          	background-color:rgba(0,0,0,0.5);
          	color: white;
          	font-size:20px;
		}
            
		.survol220x35:active {
          	width: 220px;
			height: 35px;
          	font-size:25px;
			color: #01DFD7;
		}
	</style>

<body>
  <center>
    <div  >
  		<div onClick="jeedom.cmd.execute({id: 'ID DE CE QUE TU VEUX EXECUTER'});" class="survol220x35" align="center">
    		Confort
      </div>
    </div>
  </center>
  
</body>

[eeBud]

Bonjour!
Il y aurait-il un moyen de récupérer une info en html et l'attribuer à une variable?
Dans le genre "jeedom.cmd.execute" pour exécuter une commande.

[Mayhem]

Bonjour à tous,

Vraiment magnifique tout ces dashbord !

En revanche, il est possible de creer un bouton personalisable avec un effet push effect ? Ou mousseOver ?

Le but c’est dintegrer ca dans un widget et de le recuperer dans un virtuel pour la commande de mon IPX800

Creer un bouton personalisable en .png j’y arrive, avec un changement de design par retour d’etat, mais impossible de lui appliquer un effet lorsque j’appuie...

En integrant un code css je peux avoir le bouton mais du coup il commande rien -_-

Merci d’avance, et des que j’avance sur mon design je le post !

Voila un petit bouton que j'ai fais de mon coté.
Tu copies cela dans un Texte/html
Remplace "ID DE CE QUE TU VEUX EXECUTER" à la fin par l'id de la commande.

Bien sur tu peux modifier les couleurs, transparence, à ton besoin!

Espérant t'avoir aidé!

Code : Tout sélectionner

<style>
      .survol220x35:hover{
			width: 220px;
			height: 35px;
			background-color: rgba(255,255,255,0.2);
		}
      	
      
  		.survol220x35{
			width:220px;
          	height:35px;
         	font-family: "police";
			src: url('fonts/google.ttf');
          	font-weight:lighter;
          	border-radius: 10px;
          	vertical-align:middle;
          	line-height:35px;
          	background-color:rgba(0,0,0,0.5);
          	color: white;
          	font-size:20px;
		}
            
		.survol220x35:active {
          	width: 220px;
			height: 35px;
          	font-size:25px;
			color: #01DFD7;
		}
	</style>

<body>
  <center>
    <div  >
  		<div onClick="jeedom.cmd.execute({id: 'ID DE CE QUE TU VEUX EXECUTER'});" class="survol220x35" align="center">
    		Confort
      </div>
    </div>
  </center>
  
</body>

merci beaucoup!!! je vais personnaliser ça maintenant! vraiment TOP merciiiiiiiii !!!!!