Core "Release Candidate V4"

De mon cote en passant en V4.0.25, ma barre verticale est décalé et j’ai un gros bloc noir la ou elle etait avant.

Avant :

Après :

:+1:
Un grand merci pour cette prise en compte rapide.

Il faudrait mettre plus d’info au moins la configuration du truc noir ou de la barre…

@Loic,
Voici le code :

  <head>
  <style>
::-webkit-scrollbar {
    display: none; 
}

.cbp-vimenu {
    width: 90px;
    height: 910px;
  
 	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	height: 140%;
  	margin: 0;
	padding: 0;

  background-color: #232a31;
    overflow-y: auto;
  	list-style-type: none;
}

.cbp-vimenu li a {
  	position: relative;
    	display: block;
	height: 6em;
	width: 6em;
  	text-align: center;
	color: #999;
     	line-height: 4em;
      text-decoration: none;



  padding:.75em 1.5em;
  border-radius:.75em;

  background-color:rgba(250,250,255,.05);
  color:rgba(255,255,255,.75);
    box-shadow:
    inset 0 1px 0 0 rgba(250,250,255,.3),
    inset 0 -.5em 0 0 rgba(0,0,5,.05),
    inset 0 .25em 1em 0 rgba(250,250,255,.1),
    inset 0 -.25em 1em 0 rgba(0,0,5,.5),
    inset 0 -1px 0 0 rgba(0,0,5,.1),
    0 0 .25em 0 rgba(0,0,5,.5);
  
}

.cbp-vimenu li a:hover {
	background: #47a3da;
  	color: #fff;
}
.cbp-vimenu li a:hover,
.cbp-vimenu li.active a{
	background: #47a3da;
  	color: #fff;
}

.cbp-vimenu li a:before {
	speak: none;
	font-style: normal;
	font-weight: normal;

	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

}

.Badge { 
font-family: 'Roboto-Regular';
position:absolute;
font-size: 15px;
     top:-15px;
left: 50px;
}
     #iframe_a 
{
    background: white;
    border:1px solid gray;
    border-top: none;
//    height:910px;
    width:100%;
    padding:0;
    margin-left:70px;
    left:0;
    top:0;	
}
    
  </style>
  </head>
<iframe style="border:none;"id="iframe_a" height="910px" frameBorder="0" scrolling="no" src="index.php?v=d&p=plan&plan_id=66&fullscreen=1"></iframe>
<ul class="cbp-vimenu">

 <!-- 1 MenuPrincipal -->  
<li><a onclick="document.getElementById('iframe_a').src ='/index.php?v=d&p=plan&plan_id=66&fullscreen=1#section1'">>
<img style="position: relative;left:-15px;top:-60px;" src="/montheme/Icones/Menu principal.png" height=70 width=70 />
</a></li>

 <!-- 2 Lumières  -->
<li><a onclick="document.getElementById('iframe_a').src ='/index.php?v=d&p=plan&plan_id=66&fullscreen=1#section2'">
<img style="position: relative;left:-15px;top:-4px;" src="/montheme/Icones/Eclairages.png" height=70 width=70 />
</a></li>
  
 <!-- 3 Appareils -->
<li><a onclick="document.getElementById('iframe_a').src ='/index.php?v=d&p=plan&plan_id=66&fullscreen=1#section3'">
<img style="position: relative;left:-15px;top:-4px;" src="/montheme/Icones/Appareils.png" height=70 width=70 />
</a></li>
  
 <!-- 4 Volets -->
<!-- <li><a onclick="document.getElementById('iframe_a').src ='/index.php?v=d&p=plan&plan_id=66&fullscreen=1#section4'">
<span class="LumIcon"><i class="fa jeedom2-bulb14 fa-2x"></i></span>
    <span class="LumNumb" style="font-family: 'Roboto-Regular';position:absolute;font-size: 15px;top:-15px;left: 50px"></span> -->
<li><a onclick="document.getElementById('iframe_a').src ='/index.php?v=d&p=plan&plan_id=66&fullscreen=1#section4'">
<img style="position: relative;left:-15px;top:-4px;" src="/montheme/Icones/Volets.png" height=70 width=70 />
</a></li>
 
  <!-- 5 Portes -->
<!-- la><a onclick="document.getElementById('iframe_a').src ='/index.php?v=d&p=plan&plan_id=66&fullscreen=1#section5'">
<span class="fa icomoon-fan_1 fa-lg" style="position: relative;top: -3px;"></span></a></la -->
<li><a onclick="document.getElementById('iframe_a').src ='/index.php?v=d&p=plan&plan_id=66&fullscreen=1#section5'">
<img style="position: relative;left:-15px;top:-4px;" src="/montheme/Icones/Ouvertures.png" height=70 width=70 />
</a></li>
  
<!-- 6 Piscine -->
<li><a onclick="document.getElementById('iframe_a').src ='/index.php?v=d&p=plan&plan_id=66&fullscreen=1#section6'">
<img style="position: relative;left:-15px;top:-4px;" src="/montheme/Icones/Piscine.png" height=70 width=70 />
</a></li>
  
<!-- 7 Caméra -->
<li><a onclick="document.getElementById('iframe_a').src ='/index.php?v=d&p=plan&plan_id=66&fullscreen=1#section7'">
<img style="position: relative;left:-15px;top:-4px;" src="/montheme/Icones/Cameras.png" height=70 width=70 />
</a></li>
  
<!-- 8 Programmes -->
<li><a onclick="document.getElementById('iframe_a').src ='/index.php?v=d&p=plan&plan_id=66&fullscreen=1#section8'">
<img style="position: relative;left:-15px;top:-4px;" src="/montheme/Icones/Programmation.png" height=70 width=70 />
</a></li>
  
<!-- 9 Monitoring -->  
<li><a onclick="document.getElementById('iframe_a').src ='/index.php?v=d&p=plan&plan_id=66&fullscreen=1#section9'">
<img style="position: relative;left:-15px;top:-4px;" src="/montheme/Icones/Monitoring.png" height=70 width=70 />
</a></li>
 
<!-- 10 Températures -->  
<li><a onclick="document.getElementById('iframe_a').src ='/index.php?v=d&p=plan&plan_id=66&fullscreen=1#section10'">
<img style="position: relative;left:-15px;top:-4px;" src="/montheme/Icones/Temperatures.png" height=70 width=70 />
</a></li>  

<!-- 11 Batteries -->  
<li><a onclick="document.getElementById('iframe_a').src ='/index.php?v=d&p=plan&plan_id=66&fullscreen=1#section11'">
<img style="position: relative;left:-15px;top:-4px;" src="/montheme/Icones/Batteries.png" height=70 width=70 />
</a></li>

<!-- 12 Luminosité -->  
<li><a onclick="document.getElementById('iframe_a').src ='/index.php?v=d&p=plan&plan_id=66&fullscreen=1#section12'">
<img style="position: relative;left:-15px;top:-4px;" src="/montheme/Icones/Luminosite.png" height=70 width=70 />
</a></li>
 
<!-- 13 Graphiques -->  
<li><a onclick="document.getElementById('iframe_a').src ='/index.php?v=d&p=plan&plan_id=66&fullscreen=1#section13'">
<img style="position: relative;left:-15px;top:-4px;" src="/montheme/Icones/Graph.png" height=70 width=70 />
</a></li>  

<li><a onclick="document.getElementById('iframe_a').src ='/index.php?v=d&p=plan&plan_id=66&fullscreen=1'"><span class="icon circle-icon glyphicon glyphicon-chevron-down"></span></a></li>

</ul>


                <script>
      $('.cbp-vimenu li').on('click', function() {
  $(this).addClass('active').siblings().removeClass('active'); 
});
  </script>


Oula là je suis pas sur de pouvoir aider quand c’est tout personnalisé comme ça…

Salut,

Et sur la tablette ça donne quoi ?

T’as essayé de mettre une valeur à left dans cbp-vimenu ? Genre left:50px; au lieu de 0? Idem aux autres left (before, after)

Bonjour à tous
je viens de faire la migration et … tout fonctionne! quel plaisir!
le dashboard clean quel plaisir, plus rapide, plus…
bref BRAVO!
Je ne sais pas si c’est ceci qui a contribué à la bonne migration mais voici ma technique car maj v2 v3 catastrophe
creation d’une PI 3B+ avec la dernier version OS et surtout un SSD.
Mise a jour de tout de la v3 et plug in de l’ancienne. Backup et restore sur la nouvelle. reboot et on verifie si tout va bien. rebackup sur la nouvelle. attente que tout soit stable, surtout zwave et ensuite je change le parametre de la config pour la maj V4
Je suis en 4.025 et cool
Bravo l’equipe!!!
Ici c’est Jeedom!

J’oubliais, j’ai fais le core en premier et ensuite les plug in
le tout en 15 mns
bon weekend

J’ai une petite suggestion, serait-il possible dans la partie scénario que la petite barre du haut soit visible lorsque l’on va dans cette section et qu’elle reste visible lorsque l’on scrolle?


Merci

Ben c’est le cas en v4 déjà non ?!

Bonjour
J’ai ce message
…jeedom.com/index.php?v=d&p=dashboard
28 Object doesn’t support property or method ‹ spectrum ›
et tout fonctionne normalement…

Pas chez moi en tout cas :face_with_raised_eyebrow:, je suis en 4.0.25.

Tu aurais pas un widget perso/tierce ?

Non car j’ai tout enleve des widgets et désinstallé le module
je viens de vider la log javascript, je vais voir si ça revient car comme je l’ai dit j’ai aucun probleme

Petite analyse, le message revient automatiquement quand je fais menu acceuil puis dashboard

J’ai fait une recherche dans tout le code du core de spectrum on l’utilise pas donc je comprend pas peux tu suivre cette doc https://jeedom.github.io/documentation/howto/fr_FR/remonter_un_bug ca devrait permettre de savoir d’ou ca vient exactement

ok je regarde

Bonjour
ci joint les captures

!
Si vous souhaitez d’autre information je suis à disposition

Attention je ne suis pas un developpeur :wink:

Capture%20PI

Tu l’as bien fait dans l’ordre ? D’abord ouvrir la console puis reproduire l’erreur et cliquer sur la ligne ?