Volume Widget - mehrere nebeneinander innerhalb eines Swiper

Begonnen von Thomas41587, 29 April 2020, 08:27:15

Vorheriges Thema - Nächstes Thema

Thomas41587

Hallo zusammen,
ich würde gerne 3 Volume Slider nebeneinander darstellen. Diese sollen innerhalb von einem Swiper sein. Aber egal wo ich "inline" setze (umschlossenes div oder jeweils in den drei volume-divs), es macht keinen Unterschied. Die Darstellung erfolgt untereinander. Ich habe auch testweise die Breite des Swipers deutlich erhöht, sodass mehr als genug Platz ist, aber auch das hat keine Auswirkung. Was mache ich hier falsch?
Mir ist übrigens bewusst, dass es zwei fertige Alternativen für die Farbauswahl gibt. Aber beides ist leider suboptimal in meinem Fall

<div data-type="swiper" data-tabclass="swiper1" data-width="350px" data-height="165px" class="">
<ul>

<li>
<div data-type="volume" data-device="dummy_wohnzimmer_ambilight" data-get="farbe" data-set="farbe" data-min="0" data-max="65353" class="hue-tick rgb hue-front small"></div>
<div data-type="label" class="cell">&nbsp<br>Farbe</div>
</li>
<li>
<div data-type="slider" data-height="90" data-device='dummy_wohnzimmer_ambilight' data-get="weissInvert" data-set="weissInvert" data-min="0" data-max="4095" class="cell tap small top-space-2x small"></div>
<div data-type="label" class="cell">&nbsp<br>Weiss<br>&nbsp</div>
</li>
<li>
<div class="inline">
<div data-type="slider" data-height="90" data-device='dummy_wohnzimmer_ambilight' data-get="rot" data-set="rot" data-min="0" data-max="4095" class="inline cell tap small top-space-2x small"></div>
<div data-type="slider" data-height="90" data-device='dummy_wohnzimmer_ambilight' data-get="grün" data-set="grün" data-min="0" data-max="4095" class="inline cell tap small top-space-2x small"></div>
<div data-type="slider" data-height="90" data-device='dummy_wohnzimmer_ambilight' data-get="blau" data-set="blau" data-min="0" data-max="4095" class="inline cell tap small top-space-2x small"></div>
<div data-type="label" class="inline cell">&nbsp<br>RGB<br>&nbsp</div>
</div>
</li>



</ul>
</div>

grossmaggul

Was mir auffällt, daß Du bei den Leerzeichen (&nbsp) das Semikolon vergessen hast und bei data-device einfache Anführungszeichen statt doppelte verwendet hast, ob das aber der Grund ist, weiß ich nicht.
FHEM auf Debian 12 Bookworm Server, Supermicro Core2Duo Board, 2 TB HD RAID 1, 8GB RAM, 2 x nanoCUL868, 1 x nanoCUL465; Homematic, MAX, MiLight, HUE,  2 x Gosund SP1,WLED