FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: tdoe am 22 Januar 2017, 00:50:55

Titel: Text Eingabefeld (input type=text)
Beitrag von: tdoe am 22 Januar 2017, 00:50:55
Moin zusammen,

ich möchte gerne aus dem TabletUI mein wunderlist device mit Daten füllen.
Dazu bräuchte ich ein Texteingabefeld und einen Knopf der ein "set Einkaufsliste addTask <inhalt vom textfeld>" macht.

Kann mir hier jemand einen Tip geben wie das am besten realisierbar ist?

Gruß Tobias
Titel: Antw:Text Eingabefeld (input type=text)
Beitrag von: setstate am 22 Januar 2017, 07:26:45
Standard Input Widget

<div data-type="input" data-device="Einkaufsliste" data-set="addTask"></div>


Mit extra Button zum Senden, der Input reagiert dann nicht mehr auf Enter, wie im Standard Fall


<li data-row="5" data-col="4" data-sizey="3" data-sizex="6">
  <header>Inputbox with Sendbutton</header>
  <div class="hbox">
     <div class="notransmit" data-type="input" id="sendTask"></div>
    <div class="round" data-type="link" data-width="80" data-height="40" data-color="white" data-background-color="green" data-icon="fa-feed" data-device="Einkaufsliste" data-set="addTask" data-value="#sendTask">OK</div>
    </div>
</li>
Titel: Antw:Text Eingabefeld (input type=text)
Beitrag von: tdoe am 22 Januar 2017, 09:16:20
Wow,

super .... vielen Dank. Das funktioniert perfekt.
Einen kleinen Schönheitsfehler hat das ganze noch. Nach dem absenden bleibt der Text in dem input feld. Gibt es hier die Möglichkeit das auch löschen zu lassen nach dem "OK" klicken?

Danke
Gruß Tobias
Titel: Antw:Text Eingabefeld (input type=text)
Beitrag von: yrwyddfa am 19 Dezember 2017, 22:12:30
Die Frage stellt sich mir auch. Weiß hier jemand was?
Titel: Antw:Text Eingabefeld (input type=text)
Beitrag von: Fixel2012 am 11 Januar 2018, 12:18:49
Bin auch auf der Suche nach einem clearen dex Textfelds, sobald man den text abgeschickt hat.

Hat hier jemand eine Idee?
Titel: Antw:Text Eingabefeld (input type=text)
Beitrag von: setstate am 11 Januar 2018, 12:34:56
Könnte ich als neues Feature noch einbauen.
Titel: Antw:Text Eingabefeld (input type=text)
Beitrag von: Fixel2012 am 11 Januar 2018, 13:38:50
Zitat von: setstate am 11 Januar 2018, 12:34:56
Könnte ich als neues Feature noch einbauen.

Das wäre Fantastisch!
Titel: Antw:Text Eingabefeld (input type=text)
Beitrag von: dirk.k am 27 Januar 2019, 11:09:43
Hallo zusammen,
ich versuche die Größe des Eingabefeldes vorzugeben. Ich brauche nur Platz für 2 Zahlen.
Löse ich das über die Spaltenbreite sieht es etwas "massig" aus, da der Text im Spaltenkopf länger ist.
Kann ich die Breite von "input" irgendwie vorgeben?
Gern würde ich auch den Inhalt des Feldes zentrieren. Geht das?
Danke.
Titel: Antw:Text Eingabefeld (input type=text)
Beitrag von: setstate am 27 Januar 2019, 12:05:49

            <li data-row="5" data-col="1" data-sizex="3" data-sizey="3">
                <header>EXAMPLE2</header>
                <div class="doublebox-h vbox">
                    <div data-type="input" data-device="dummy1"></div>
                </div>
            </li>


Aber vorher bitte ein Update ziehen, ich hatte noch einen Fehler im CSS beim Input gefunden.

Erklärung:

div class="doublebox-h vbox" um den input
    -> vbox zentriert den Input innerhalb des Gridster li
    -> doublebox-h liefert eine width von 3em

Titel: Antw:Text Eingabefeld (input type=text)
Beitrag von: Lichti am 08 Februar 2019, 10:49:19
Bei mir funktioniert
      <div data-type="link"
        data-device="DigitRadio"
        data-set="speak"
        data-value="#sendTask"
       >OK</div>
nicht mehr.

So geht's aber:
      <div data-type="link"
        data-device=""
        data-set="DigitRadio speak"
        data-value="#sendTask"
       >OK</div>

Hat sich da was geändert ?


Titel: Antw:Text Eingabefeld (input type=text)
Beitrag von: red81 am 26 September 2019, 15:04:53
ich hab den gleichen Fehler...
Titel: Antw:Text Eingabefeld (input type=text)
Beitrag von: Thomas41587 am 06 Mai 2020, 07:57:55
Gleiches "Problem" auch bei mir. Wobei es kein wirkliches Problem ist, sobald man es mal weiß. Aber auch ich suche hier noch nach einer Möglichkeit, das Textfeld zu leeren  :(