widget erweitern um scrollbar

[Jamhack]

Hallo zusammen,

ich schaff es einfach nicht, ein vorhandenes widget in Habpanel mit einer Scrollfunktion zu ergänzen.

ich habe versucht folgendes im Bereich Style zu ergänzen:

Code: Alles auswählen

  /* width */
::-webkit-scrollbar { width: 20px;}

/* Track */
::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey; border-radius: 10px;}
 
/* Handle */
::-webkit-scrollbar-thumb {background: red; border-radius: 10px;}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #b30000; 
}

dies führt zwar zu einer scrollleiste. Doch leider für das ganze habpanel Fenster und nicht nur für das Widget.
Allgemein geht es um dieses Widget: https://community.openhab.org/t/custom- ... dget/35913

Hoffe Ihr könnt mir helfen. Ich möchte eine Längere Liste mit dem widget umsetzen.

[mamoel]

Ich kann es aktuell nicht selbst testen, da ich nicht an meinem eigenen Rechner sitze, aber teste mal folgende Attribute an dem div, welches Dein Widget "umschließt":

Code: Alles auswählen

<div id="xyz" style="overflow-y:scroll;">

So hast Du immer eine Scrollbar, auch wenn sie nicht erforderlich wäre.

Besser wäre wahrscheinlich:

Code: Alles auswählen

<div id="xyz" style="overflow:auto;">

[Jamhack]

es gibt mehrere div aber in keinem hat dies eine Auswirkung.
Dieses webkit wird auch jetzt schon verwendet.
Ich kenn mich aber kein Stück aus. ich sehe nirgendwo das Element das das Widget Fenster beschreibt und darauf einzuwirken