Volet Roulant slider (SlidVertical)

[sbig49]

Bonjour,

Avez-vous avancé sur le sujet depuis janvier ?

J'ai cherché et essayé plusieurs trucs mais sans succès ... après, je m'y suis habitué à ce que ce soit écrit 99 au lieu de 100 au final

[dough29]

Salut,

je viens de passer à Jeedom 3.x et je constate un bug d'affichage sur ce widget :



Comme vous constatez l'élément de slider reste scotché en bas du volet

[Famax]

Salut,

je viens de passer à Jeedom 3.x et je constate un bug d'affichage sur ce widget :



Comme vous constatez l'élément de slider reste scotché en bas du volet

Bonsoir,

+1 même situation chez moi, pas bloquant mais pas esthétique par contre en version mobile, le slider est bien positionné (je sais c'est pas le même widget mais bon)

[flyingeek]

Idem, en plus le tooltip est mal positionné.

[francoisd]

idem chez moi que ce soit le slider ou le tooltip.
Quelqu'un a une idée de comment corriger cela ?

[Bosquetia]

Je pense que votre souci est dû à ce qui est expliqué ici :
viewtopic.php?f=135&t=27663

[Famax]

Je pense que votre souci est dû à ce qui est expliqué ici :
viewtopic.php?f=135&t=27663

Tu as surement raison, je n'ai pas trouvé le code indiqué dans le post que tu site, par contre je ne sais pas comment l'adapter, si quelqu'un peut aider, à votre bon coeur

Code : Tout sélectionner

<div class="cmd cmd-widget" style="width:130px; height:100px; padding-top: 8%;" data-type="action" data-subtype="slider" data-cmd_id="#id#" data-cmd_uid="#uid#" >  
      <style>
		#voletvertical.slider.slider-vertical{height:85px; width:64px;}
		#voletvertical.slider.slider-vertical .slider-track {width:63px; height:100%;}
  	 </style>
     <div class="slider-volet-value slid-v-left" id="SlidVal#id#">#state# %</div>
     <div class="slider-volet" data-slider-handle="square" value="#state#"></div>
     <div class="slider-volet-value slid-v-bottom" id="SlidValB#id#" style="display:none">#state# %</div>


        <script>

       $.include(['plugins/widget/core/template/dashboard/cmd.action.slider.SlidVertical/bootstrapslider.js'], function() {  
       $.include(['plugins/widget/core/template/dashboard/cmd.action.slider.SlidVertical/slidervc.css'], function() {
          
                $(".cmd[data-cmd_uid=#uid#] .slider-volet").bootstrapSlider({
					id: 'voletvertical',
            	    orientation: 'vertical',
                    reversed : 'true',
                    min: ('#minValue#' == '') ? 0 : parseInt('#minValue#'),
                    max: ('#maxValue#' == '') ? 100 : parseInt('#maxValue#'),
          	        value: ('#state#' == '') ? 0 : parseInt('#state#'),
					}).on('slideStop', function (ev) {
           				 jeedom.cmd.execute({id: '#id#', value: {slider: ev.value}});
					})
         
					.on('slide', function (ev) {
						 $(".cmd[data-cmd_uid=#uid#] .slider-volet-value").text(ev.value +' %');
					});
     
          });
		  });
          
          if ('#state#' == '0' || '#state#' == 0 || '#state#' == '') {
		   $(".cmd[data-cmd_uid=#uid#] .slider-vertical .slider-selection").css('background', "url(plugins/widget/core/template/dashboard/cmd.action.slider.SlidVertical/lamep.png)");
          }
          else {
            if ('#state#' != '0' || '#state#' != 0) {
			$(".cmd[data-cmd_uid=#uid#] .slider-vertical .slider-selection").css('background', "url(plugins/widget/core/template/dashboard/cmd.action.slider.SlidVertical/lamej.png)");
            }
          }
          if ('#state#' == '' || '#state#' == 0){
            $("#SlidVal#id#").empty();
            $("#SlidVal#id#").text("0 %");
            
          }
		  if ('#state#' == 99 || '#state#' == '99'){
            if ('#Fibaro#'.trim() == '1') {
           	 $("#SlidVal#id#").empty();
           	 $("#SlidVal#id#").text("100 %");
             $("#SlidValB#id#").empty();
           	 $("#SlidValB#id#").text("100 %");
            }
          }
          
          if ('#PourcentLeft#'.trim() == '0') {
             $("#SlidVal#id#").css("display","none");
             $("#SlidValB#id#").css("display","block");
             $(".cmd[data-cmd_id=#id#]").css("padding-top", "1%");
             $(".cmd[data-cmd_id=#id#]").css("width", "75px");
           }
 
            //console.log("SlidVal#id#");
          
        </script>
   </div>
   

[francoisd]

personne n'a trouvé la solution ?
De mon côté, j'ai cherché, essayé mais sans succès

[sbig49]

Je viens de passer du temps dessus mais, je n'arrive pas non plus à corriger ce qui ne va pas

[Gally]

Bonjour,

Suite à la mise à jour de jeedom en version 3.00 ils ont changé le module de curseur:

Changement des bootstraps slider en slider (correction du bug du double événement des sliders)

Pour l'instant je ne peux pas installé la version 3 donc je ne peux pas regardé comment résoudre ce dilemme... je reviendrai vers vous dés que possible.

++

Gally

[Famax]

Bonjour,

Suite à la mise à jour de jeedom en version 3.00 ils ont changé le module de curseur:

Changement des bootstraps slider en slider (correction du bug du double événement des sliders)

Pour l'instant je ne peux pas installé la version 3 donc je ne peux pas regardé comment résoudre ce dilemme... je reviendrai vers vous dés que possible.

++

Gally

Plus qu'à patienter ! Merci Gally

[dough29]

C'est quoi la différence entre "slider" et "slider" ?

[Sylar]

Bonjour,

je ne sait pas si je pose la question au bonne endroit j'utilise le widget Volet.

et je demande comment modifié l'image d'une fenêtre par une porte d'entrée , cela est il possible ou pas

[SebT]

Faut voir. Va regarder dans le dossier plugins/widget/core/template/dashboard/cmd.action.slider.SlidVertical/ et tu cherche le fichier qui correspond à l'image de la fenêtre pour le remplacer par l'image de ta porte.

[anto35]

Salut,

je viens de passer à Jeedom 3.x et je constate un bug d'affichage sur ce widget :



Comme vous constatez l'élément de slider reste scotché en bas du volet

Bonsoir,

+1 même situation chez moi, pas bloquant mais pas esthétique par contre en version mobile, le slider est bien positionné (je sais c'est pas le même widget mais bon)

Pour info j'ai résolu chez moi en changeant quelque peu le code du widget :

Code : Tout sélectionner

<style>
    
     .slider-track > .slider-track-high { display:none; }
     
     .tooltip-inner{
       background-color: #666;
     }
     .tooltip-arrow{
       border-left-color: #555;
     }
 </style>
 

Ce sont les premières lignes du widget.

[Sylar]

Faut voir. Va regarder dans le dossier plugins/widget/core/template/dashboard/cmd.action.slider.SlidVertical/ et tu cherche le fichier qui correspond à l'image de la fenêtre pour le remplacer par l'image de ta porte.

il y a 8 images pour le volets ?

de même comment changer la couleur des lames du volet ? , je présume en remplacent l'image qui correspond ?

[francoisd]

Bonsoir à tous,

J'ai voulu essayé de mettre le code du widget pour mobile en lieu et place de celui pour le desktop et il semblerait que ça fonctionne de nouveau comme avant tout en remettant le tooltip à sa place (tout du moins, je ne le vois plus sur le côté)...

Je n'ai pas encore pu pousser les essais trop loin, le petit est au lit mais à suivre...

[stanthewizzard]

Hello

Moi j'ai un autre pb .
Le widget est utilisé avec Tahoma.
Et quand je ferme ca ouvre et inversement ... sinon il fonctionne lol

Une idée de ce que je pourrais faire pour corriger ?
Merci pour votre aide

[Sabato]

Apparement je suis le seul à avoir le problème, depuis le passage en V3 de jeedom le widget s'affiche comme ca:



J'ai essayé de recharger depuis le market le widget ça n'a rien changé :'(

[Sylar]

petit retour j'ai le volet en brun ( couleur voulue) par contre la barre du slide ne change pas de couleur ? ( normalement en brun aussi), et la porte ne s'applique pas toujours une fenêtre ?