Curseur Slider amélioré

jjmasc · Avril 26, 2020, 9:03

Bonjour
je recherche un widget slider V4 qui permette aussi de faire varier la valeur pas à pas avec une commande + et -, et éventuellement de faire directement la saisie de la valeur.
En parcourant ce fil j’ai trouvé des slider personnalisables sur le design mais pas sur les commandes.
Des idées?

iPapy · Avril 27, 2020, 7:59

Bonjour,

un peu comme ça?

Salvialf · Avril 27, 2020, 8:02

Bonjour,

Je crois avoir compris qu’il veut un slider avec des boutons +/- et un input pour rentrer la valeur manuellement.

C’est une bonne idée mais y’a du taf pour le coder… J’ai mis un signet pour y regarder à l’avenir car ça m’intéresse aussi

jjmasc · Avril 27, 2020, 10:29

Merci pour vos réponses
Oui @Salvialf c exactement çà
Mais je vais pouvoir faire avec le lien de @iPapy, en attendant …

Salvialf · Avril 27, 2020, 10:32

C’est une adaptation du widget core « button » ce widget :

github.com

jeedom/core/blob/alpha/core/template/dashboard/cmd.action.slider.button.html

<div class="cmd cmd-widget" data-type="action" data-subtype="slider" data-template="button" 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="content-sm ">
    <div class="input-group buttons">
      <span class="input-group-btn" style="position: relative;">
        <a class="btn btn-default btn-sm bt_minus roundedLeft"><i class="fas fa-minus"></i></a>
      </span>
      <input type="text" class="input-sm in_value form-control" value="#state# #unite#" disabled/>
      <span class="input-group-btn" style="position: relative;">
        <a class="btn btn-default btn-sm bt_plus roundedRight"><i class="fa fa-plus"></i></a>
      </span>
    </div>
  </div>
  <template>
    <div>step : 0.5 ({{Pas utilisé pour le changement de valeur}}).</div>
  </template>
  <script>
    $('.cmd[data-cmd_uid=#uid#] .bt_plus').on('click', function () {

This file has been truncated. show original

system · Avril 28, 2020, 10:32

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