Adaptation du Widget Core/Button - Action/Curseur

Bonjour à tous,

Je m’essaye à la personnalisation de widget et comme le titre l’indique, ma folie s’est jeté sur une adaptation du widget du core jeedom, le slider-button (https://github.com/jeedom/core/blob/alpha/core/template/dashboard/cmd.action.slider.button.html)

Je souhaite personnalisé l’affichage de ce dernier: image
Dans un premier temps en remplaçant les boutons + et - par des images, mais voici le résultat obtenu avec le code qui suit:
image

  <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"><img src="data/img/slider_minus B.png" style="width:30px !important;"></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"><img src="data/img/slider_plus B.png" style="width:30px !important;"></a>
      </span>
    </div>
  </div>

Je ne sais pas trop si je peux changer les « class » sans risquer de tout casser, car il me semble logique de devoir les modifier. Est-ce que quelqu’un saurait me conseiller ?

Merci par avance

Bon tu es déjà au courant mais pour ceux qui passerait par là je bosse dessus:
20200504_162015

Devrait être partagé demain si je m’arrête d’avoir des idées pour l’améliorer :wink:

Édit: il est possible de saisir la valeur manuellement en cliquant dessus

4 « J'aime »

Bon je pense que tu peux clore ce sujet :grin: à part si ça ne correspond pas à ta demande:
SliderButton

2 « J'aime »

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