Slide Vertical Core

c’est exactement a ca que je pensais un css inexistant dans la stable

Par type et sous type dans le corewidgets.css
Mais ne pas reprendre tout le fichier y’a sûrement autre chose qui a changé.

Sinon soyez patient … la 4.1 est plutôt stable et devrait arriver assez rapidement derrière la 4.0

je veux bien faire des essais demain avec les classes du core si tu veux ?!

c’est ça que j’ai pas?

.slider.ui-slider-vertical {
  margin: 5px;
  height: 48px;
}
.ui-slider-vertical > .sliderValue {
  bottom: -14px;
  right: -15px;
  width: 25px;
}

y’a ça dans la stable:

/* __________________________________________________________________________________________________________Sliders */

.slider.ui-slider-vertical {
  position: absolute;
  margin: 5px;
  height: 48px;
  top: 16px !important;
  right: 3px;
}

et ça dans l’alpha :

.slider.ui-slider-vertical {
  margin: 5px;
  height: 48px;
}

1ère ligne du script dans le code du widget

 $(".cmd[data-cmd_uid=#uid#] .slider.slider-horizontal").css('z-index',1);
    jeedom.cmd.update['#id#'] = function(_options){

tu peux essayer de remplacer :

.slider.slider-horizontalvertical

 $(".cmd[data-cmd_uid=#uid#] .slider.slider-vertical").css('z-index',1);
    jeedom.cmd.update['#id#'] = function(_options){

pour voir ce que ça change ?

dans le code widget ou le fichier que j’ai importé de l’alpha?

le widget code tant qu’à faire (c’est pareil de toute façon) c’est plus simple à modifier.

Pour le plaisir de tester :nerd_face:

1 « J'aime »

Nein toujours pareil.

tu as redimensionné la tuile sur le dashboard pour que les modifications soient appliquées ?

Sur le Github y’a ca

/* __________________________________________________________________________________________________________Sliders */
.slider.ui-slider-horizontal {
  position: relative;
  margin: 5px;
  width: 65px;
  left: 0;
}
.slider.ui-slider-vertical {
  margin: 5px;
  height: 48px;
}

.sliderValue {
  font-size: 12px;
  color: var(--txt-color);
  font-weight: normal;
  position: absolute;
  z-index: 1;
}
.ui-slider-horizontal > .sliderValue {
  top: -7px;
  right: -22px;
}
.ui-slider-vertical > .sliderValue {
  bottom: -14px;
  right: -15px;
  width: 25px;
}

J’avais pas vu que t’avais publier aussi

Yes, ca change pas.

Allez je teste demain pour le fun… Encore un peu de patience va @kiboost a dit que ça arrivait bientôt :smiley:

Ca roule pas de probleme. merci

Hello,

J’ai forcé le nouveau CSS en speed ça a l’air de faire la blague en attendant la V4.1 :smile:

Donc en widget code:

<div class="cmd cmd-widget" data-type="action" data-subtype="slider" data-template="vertical" data-cmd_id="#id#" data-cmd_uid="#uid#" data-version="#version#" data-eqLogic_id="#eqLogic_id#">
  <div class="title #hide_name#">
    <div class="cmdName">#name_display#</div>
  </div>
  <div class="customVSlider">
    <div class="slider verticalSliderCustom" value="#state#">
      <span class="value#uid# sliderValue sliderValueCustom"></span>
    </div>
  </div>
<style>
div.slider.verticalSliderCustom {
  position: relative!important;
  top: 5px!important;
  right: 0!important;
  }
.verticalSliderCustom > .sliderValueCustom {
  bottom: -14px!important;
  right: -14px!important;
  width: 25px!important;
  word-break: normal!important;
  }  
</style>  
  <script>
    $(".cmd[data-cmd_uid=#uid#] .slider").css('z-index',1);
    jeedom.cmd.update['#id#'] = function(_options){
      $(".cmd[data-cmd_id=#id#] .slider").slider({
        orientation: "vertical",
        min: ('#minValue#' == '') ? 0 : parseInt('#minValue#'),
        max: ('#maxValue#' == '') ? 100 : parseInt('#maxValue#'),
        value: ('#state#' == '') ? 0 : parseInt(_options.display_value),
        slide: function(event, ui) {
          $(".value#uid#").show()
          $(".value#uid#").html(ui.value);
        }
      })
    }
    jeedom.cmd.update['#id#']({display_value:'#state#'});

    $(".cmd[data-cmd_uid=#uid#] .slider").on('slidestop', function (event,ui) {
      jeedom.cmd.execute({id: '#id#', value: {slider: ui.value}});
      $(".value#uid#").hide();
    });
  </script>
</div>

faire la blague??? eheheh c’est pas mal ça un widget qui fait des blagues ca peut etre une idée :rofl:

merci en tous cas je testerai ca.

euh non, c’est hors compétence pour moi, c’est le genre de truc qu’il faut me montrer en chair et en os pour que ça passe :exploding_head:
c’est d’ailleurs pour cela que je cherche des acolytes (pas alcoolique :woozy_face:) en centre Alsace pour monter un club chez moi, afin de partager nos compétences :nerd_face:

Je vais attendre la V4 stable, no problémo, merci et vous tous :smirk:

arf merde alcoolique j’aurai pu d’aider ahahah c’est un ch’ti qui parle. :rofl:

Tu as le code d’un widget slider vertical basé sur celui qui arrive dans mon message au-dessus.

Il suffit de se rendre dans Outils → Widgets et de cliquer sur le bouton WidgetCode
Puis Cliquer sur Nouveau et créer un nouveau widget du nom de ton choix avec les caractéristiques suivantes: Version : Dashboard | Type : Action | Sous-type : Curseur.

Tu colles le code et tu sauvegardes. Pour appliquer le widget sur la commande, il faut se rendre dans les paramètre de la commande, onglet Affichage et choisir le widget dans le menu déroulant customTemp/Nom_du_Widget

Ce sujet a été automatiquement fermé après 24 heures suivant le dernier commentaire. Aucune réponse n’est permise dorénavant.