# Webinterface Werteanzeige/Eingabe Feld bei Slidern

**URL:** <https://forum.espuino.de/t/webinterface-werteanzeige-eingabe-feld-bei-slidern/4626>\
**Category:** Feature Request\
**Created:** [21. Juli 2026 um 13:26 UTC](https://forum.espuino.de/t/webinterface-werteanzeige-eingabe-feld-bei-slidern/4626 "2026-07-21T13:26:56Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Netherseth](https://forum.espuino.de/letter_avatar_proxy/v4/letter/n/b3f665/32.png) [@Netherseth](https://forum.espuino.de/u/Netherseth)\
**Post date:** [21. Juli 2026 um 13:26 UTC](https://forum.espuino.de/t/webinterface-werteanzeige-eingabe-feld-bei-slidern/4626/1 "2026-07-21T13:26:56Z")

</div>

Hey,

Danke nochmal fürs aufräumen des Webinterfaces, sieht echt spitze aus!

Eine Kleinigkeit die mir nur schon seit längerem auffällt. Gerade über das Handy ist das Einstellen von Werten mit Hilfe der Slider (Volume, Helligkeit, etc) sehr frickelig, bzw der ist Wert ist ohne Änderung nicht auszulesen.

Wäre es möglich parallel zum Slider ein Anzeige-/Eingabe Feld hinzu zufügen?

---

<div class="post-metadata">

**Author:** ![biologist](https://forum.espuino.de/user_avatar/forum.espuino.de/biologist/32/66_2.png) [@biologist](https://forum.espuino.de/u/biologist)\
**Post date:** [21. Juli 2026 um 14:03 UTC](https://forum.espuino.de/t/webinterface-werteanzeige-eingabe-feld-bei-slidern/4626/2 "2026-07-21T14:03:35Z")

</div>

Kann ich nicht nachvollziehen. Also einerseits halte ich es nicht für übermäßig frickelig (obgleich ich sowas eh am Rechner machen würde). Andererseits wird die Zahl, wenn man den Slider betätigt, doch (kurz) angezeigt!?

EDIT: Ansonsten Handy quer halten. Dann wird der Slider ggf. länger.

---

<div class="post-metadata">

**Author:** ![joker](https://forum.espuino.de/letter_avatar_proxy/v4/letter/j/5f9b8f/32.png) [@joker](https://forum.espuino.de/u/joker)\
**Post date:** [21. Juli 2026 um 16:04 UTC](https://forum.espuino.de/t/webinterface-werteanzeige-eingabe-feld-bei-slidern/4626/3 "2026-07-21T16:04:44Z")

</div>

Bei der Lautstärke schränkt der EQ-Button den Slider zwar ein aber über die Lautsprecher-Symbole kann man die Lautstärke auch verringern und erhöhen.

Thematisch passt der EQ-Button da ganz gut hin oder man schaut noch mal ob der zu Allgemeine Einstellungen umziehen kann um den Slider zu verbreitern

---

<div class="post-metadata">

**Author:** ![Netherseth](https://forum.espuino.de/letter_avatar_proxy/v4/letter/n/b3f665/32.png) [@Netherseth](https://forum.espuino.de/u/Netherseth)\
**Post date:** [21. Juli 2026 um 16:08 UTC](https://forum.espuino.de/t/webinterface-werteanzeige-eingabe-feld-bei-slidern/4626/4 "2026-07-21T16:08:02Z")

</div>

Die Idee die ich im Kopf hatte war ein einfaches Eingabe Feld parallel zum Slider.

 ![17846500222667072871708914474132](https://forum.espuino.de/uploads/default/original/2X/f/fdc8839b9c0eca36241a9135e889ea564f0dfde3.png)

---

<div class="post-metadata">

**Author:** ![joker](https://forum.espuino.de/letter_avatar_proxy/v4/letter/j/5f9b8f/32.png) [@joker](https://forum.espuino.de/u/joker)\
**Post date:** [21. Juli 2026 um 16:37 UTC](https://forum.espuino.de/t/webinterface-werteanzeige-eingabe-feld-bei-slidern/4626/5 "2026-07-21T16:37:48Z")

</div>

Das schlägt ChatGPT vor. Der Prompt war…hast du eine Idee, wie man die Bedienung auf mobil verbessern kann

 ![file_00000000bbf0820a86fadcdbca640d4c](https://forum.espuino.de/uploads/default/original/2X/c/c33926e6dd3202a811037303f69878f7b6d127a1.jpeg)

---

<div class="post-metadata">

**Author:** ![biologist](https://forum.espuino.de/user_avatar/forum.espuino.de/biologist/32/66_2.png) [@biologist](https://forum.espuino.de/u/biologist)\
**Post date:** [21. Juli 2026 um 20:15 UTC](https://forum.espuino.de/t/webinterface-werteanzeige-eingabe-feld-bei-slidern/4626/6 "2026-07-21T20:15:19Z")

</div>

Ich hab da mal was vorbereitet…

> <https://github.com/biologist79/ESPuino/commit/b17a2e0b51cfefd2d3ebf1706002718c2cae0551>
>
> Settings sliders now show a live value badge and circular +/- step
> buttons inste…ad of a bare drag handle, sized off each slider's own
> data-slider-step (falls back to 1). Existing decorative volume/battery/
> hourglass icons are removed since the buttons take over that role, and
> the label/value grid split (col-sm-4 + col-sm-8) is unwrapped so the
> track gets the full row width on every screen size instead of being
> squeezed into 2/3 of it.
> 
> Related settings across every tab (Allgemein sub-tabs, WLAN, MQTT, FTP,
> Bluetooth, Updates, Tools) are now grouped into rounded cards instead of
> being separated by \<hr\> lines, with consistent spacing between groups.
> A few pre-existing \`\<span class="container"\>\` wrappers in the Tools tab
> were promoted to \`\<div\>\` - span is inline by default, so margin utility
> classes on them were silently no-ops.
> 
> Co-Authored-By: Claude Sonnet 5 \<noreply@anthropic.com\>

Vom Design ist das angelehnt an den Vorschlag von @joker:

 ![Design mit Boxen](https://forum.espuino.de/uploads/default/original/2X/3/3aaa4a71ae7dbd23b85f832474df4249091a6bb6.png)

Ich habe jetzt generell alle Sektionen von WLAN bis Tools in solch runde Boxen gepackt. War ne ziemlich große Änderung.

---

<div class="post-metadata">

**Author:** ![Netherseth](https://forum.espuino.de/letter_avatar_proxy/v4/letter/n/b3f665/32.png) [@Netherseth](https://forum.espuino.de/u/Netherseth)\
**Post date:** [21. Juli 2026 um 21:39 UTC](https://forum.espuino.de/t/webinterface-werteanzeige-eingabe-feld-bei-slidern/4626/7 "2026-07-21T21:39:23Z")

</div>

Oha Dank euch, wollte jetzt auch keine spontan Aktion von zum brechen 🙈

---

<div class="post-metadata">

**Author:** ![biologist](https://forum.espuino.de/user_avatar/forum.espuino.de/biologist/32/66_2.png) [@biologist](https://forum.espuino.de/u/biologist)\
**Post date:** [22. Juli 2026 um 06:56 UTC](https://forum.espuino.de/t/webinterface-werteanzeige-eingabe-feld-bei-slidern/4626/8 "2026-07-22T06:56:30Z")

</div>

Normalerweise hätte ich geschrieben „Dann müsst ihr es ja nur noch umsetzen“ 😆  
Aber tatsächlich fand ich die großen Symbole, die wir da an den Slidern hatten, auch immer bisschen hässlich. Insofern habe ich die Idee aufgegriffen und entsprechend umgesetzt. Das ging auch nur mit KI-Einsatz so schnell.
