Hallo,
ich habe mir einen Apotheken-Notdienst gebastelt via httpmod, das funktioniert auch ganz prima. In FTUI2 habe ich damit auch ein Element gebaut, in dem der Auffälligkeit wegen das Apothekenlogo daneben/darüber prangt.
Ich habe das Element jetzt per HTML-View jetzt übernommen, die Apothekenanschrift wird auch sauber angezeigt, jedoch habe ich bisher keine Möglichkeit gefunden, das Logo (Bild) mit einzubinden...
Der Code der Apotheke:<header>SOS</header>
<div class="sheet">
<div class="row">
<div class="cell">
<img src="images/Apotheke.png" alt="Apotheke" width="60" heigth="70"/>
</div>
</div>
<div class="row">
<div class"cell">
<div data-type="label" data-device="NotdienstApotheke" data-get="Name" class="large center-align"> </div>
<div data-type="label" data-device="NotdienstApotheke" data-get="Strasse" class="normal center-align"> </div>
<div data-type="joinedlabel" data-device="NotdienstApotheke" data-get='["Plz","Ort"]' class="normal center-align"> </div>
<div data-type="label" data-device="NotdienstApotheke" data-get="Telefon" class="normal center-align"> </div>
</div>
</div>
</div>
Wie es fertig aussieht, habe ich angehängt.
Gruß, Christoph
PS: ich habe FUIP erst kürzlich für mich entdeckt und stecke noch ganz am Anfang ;-)
Im November hatte ich es bereits kurz versucht, aber dann wieder sein gelassen, da meine doch sehr umfangreiche fhem-Installation die Oberfläche seeehr träge in der Generierung gemacht hat - alle Devices auf einer Seite ... Jetzt habe ich aber bereits erste Erfolge...
Hi. Vielleicht hilft dir das weiter:
https://forum.fhem.de/index.php?topic=105884.0
LG mr_petz
Ja und nein.
Das Apothekenlogo ist jetzt drin.
Jetzt habe ich auch in der Benzinpreis-Anzeige Logos zu integrieren versucht - da klappt es jedoch nicht
<div class="sheet">
<div class="row">
<div class="cell">
<img src="/fhem/ui/images/Metank-Logo_transparent.png" alt="Metank" width="55" heigth="60" class="left-align"/>
</div>
<div class="cell">
<div data-type="label" data-device="TS.Metank" data-get="Super_E5" data-post-text=" €" data-pre-text="Super E5: " class="normal left-align" data-substitution="s/\./,/g"> </div>
<div data-type="label" data-device="TS.Metank" data-get="Super_E10" data-post-text=" €" data-pre-text="Super E10: " class="normal left-align" data-substitution="s/\./,/g"> </div>
<div data-type="label" data-device="TS.Metank" data-get="Diesel" data-post-text=" €" data-pre-text="Diesel: " class="small left-align" data-substitution="s/\./,/g"> </div>
</div>
</div>
Gruß, Christoph
Ist das Bild Transparent?
Hier steht alles zum ftui image:
https://wiki.fhem.de/wiki/FTUI_Widget_Image
LG mr_petz
Das hilft leider alles nicht.
Ich habe jetzt einfach einmal die HP von der Tanke aufgesucht und einen Screenshot vom Logo gemacht mit dem Smartphone - selbst dieses einfache JPG erscheint nicht... es wird nur der ALT-Text angezeigt
Das Apotheken-Logo wird jedoch angezeigt, also ist der Pfad zumindest schon einmal richtig. Demnach hat es wohl mit den Bildern zu tun...
Gruß, Christoph
Nachtrag: ich habe jetzt einmal versucht im FF, die Grafik mittels Rechtsklick in einem neuen Tab zu laden - was soll ich sagen, dort ist noch der erste Pfad aus meinem Eröffnungs-Post enthalten - jedoch im View ist der richtige Pfad eingetragen >:( Aus irgendeinem Grund hat anscheinend FUIP den Pfad noch gespeichert. Auch in Chomium wird - trotz Bereinigen des Cache - das Image m falschen Ort gesucht...
<div class="sheet">
<div class="row">
<div class="cell">
<img src="/fhem/ui/images/Metank-Logo.jpg" alt="Metank" width="55" heigth="60" class="left-align"/>
</div>
<div class="cell">
<div data-type="label" data-device="TS.Metank" data-get="Super_E5" data-post-text=" €" data-pre-text="Super E5: " class="normal left-align" data-substitution="s/\./,/g"> </div>
<div data-type="label" data-device="TS.Metank" data-get="Super_E10" data-post-text=" €" data-pre-text="Super E10: " class="normal left-align" data-substitution="s/\./,/g"> </div>
<div data-type="label" data-device="TS.Metank" data-get="Diesel" data-post-text=" €" data-pre-text="Diesel: " class="small left-align" data-substitution="s/\./,/g"> </div>
</div>
</div>
<div class="row">
<div class="cell">
<img src="/fhem/ui/images/star-logo.png" alt="Star Tankstelle" width="45" heigth="45" class="left-align"/>
</div>
<div class="cell">
<div data-type="label" data-device="TS.star" data-get="Super_E5" data-post-text=" €" data-pre-text="Super E5: " class="normal left-align" data-substitution="s/\./,/g"> </div>
<div data-type="label" data-device="TS.star" data-get="Super_E10" data-post-text=" €" data-pre-text="Super_E10: " class="normal left-align" data-substitution="s/\./,/g"> </div>
<div data-type="label" data-device="TS.star" data-get="Diesel" data-post-text=" €" data-pre-text="Diesel: " class="small left-align" data-substitution="s/\./,/g"> </div>
</div>
</div>
<div class="row">
<div class="cell">
<img src="/fhem/ui/images/westfalen_logo.png" alt="Westfalen Tankstelle" width="45" heigth="45" class="left-align"/>
</div>
<div class="cell">
<div data-type="label" data-device="TS.Westfalen" data-get="Super_E5" data-post-text=" €" data-pre-text="Super E5: " class="normal left-align" data-substitution="s/\./,/g"> </div>
<div data-type="label" data-device="TS.Westfalen" data-get="Super_E10" data-post-text=" €" data-pre-text="Super_E10: " class="normal left-align" data-substitution="s/\./,/g"> </div>
<div data-type="label" data-device="TS.Westfalen" data-get="Diesel" data-post-text=" €" data-pre-text="Diesel: " class="small left-align" data-substitution="s/\./,/g"> </div>
</div>
</div>
</div>
Zitat von: caldir65 am 04 Juni 2022, 20:16:09Aus irgendeinem Grund hat anscheinend FUIP den Pfad noch gespeichert.
Also FUIP speichert da an und für sich nichts. Das muss einen anderen Grund haben.
Kannst Du mal versuchen, in der HTML View alles andere außenrum wegzulassen und einfach nur das Bild anzeigen?
Gruß,
Thorsten
Zitat von: caldir65 am 04 Juni 2022, 20:16:09
<div class="sheet">
<div class="row">
<div class="cell">
Ich kann mir vorstellen, dass das ein Problem ist. FUIP generiert ja selbst den ganzen sheet/row/cell Krams mit rein. Wenn man das nochmal über eine HTML View mit reinhängt, dann wird es ggf. seltsam. Wie gesagt, versuch mal eine HTML View zu machen, die nur das IMG Tag (natürlich mit Inhalt) enthält.
Dasselbe auch für den Rest. Du kannst ja mit table/tr/td und sowas das "Layout" basteln, falls nötig. Ansonsten ist es in FUIP besser, die Positionierung einfach durch Verschieben der Views zu machen.
Gruß,
Thorsten
Hi,
ich hab nochmal rumprobiert. Folgendes funktioniert bei mir:
<img src="/fhem/uilocal/images/shutter_4.png" alt="Apotheke" width="60" heigth="70"/>
Mein FUIP-Device heißt "uilocal" (und nicht "ui") und die png-Datei ist in /opt/fhem/www/tablet/images.
Alternativ funktioniert auch das hier:
<img src="/fhem/uilocal/fuip/images/pexels-gleitschirm.jpg" alt="Apotheke" width="60" heigth="70"/>
Wie oben: Bei mir ist das "uilocal", was bei Dir wahrscheinlich "ui" ist. In dem Fall liegt die Datei in /opt/fhem/FHEM/lib/FUIP/images.
Dieses Beispiel müsste in jeder FUIP-Installation sofort funktionieren, da das Bild da sowieso schon ist.
Gruß,
Thorsten
Zitat von: Thorsten Pferdekaemper am 05 Juni 2022, 12:31:09
Hi,
ich hab nochmal rumprobiert. Folgendes funktioniert bei mir:
<img src="/fhem/uilocal/images/shutter_4.png" alt="Apotheke" width="60" heigth="70"/>
Mein FUIP-Device heißt "uilocal" (und nicht "ui") und die png-Datei ist in /opt/fhem/www/tablet/images.
Alternativ funktioniert auch das hier:
<img src="/fhem/uilocal/fuip/images/pexels-gleitschirm.jpg" alt="Apotheke" width="60" heigth="70"/>
Wie oben: Bei mir ist das "uilocal", was bei Dir wahrscheinlich "ui" ist. In dem Fall liegt die Datei in /opt/fhem/FHEM/lib/FUIP/images.
Dieses Beispiel müsste in jeder FUIP-Installation sofort funktionieren, da das Bild da sowieso schon ist.
Ich habe das Bild jetzt auch in
/opt/fhem/www/tablet/images - vorher lag es zudem in einem Unterordner, was aber in FTUI kein Problem war ...
Mit dem angepassten Pfad ist es jetzt sichtbar, auch wenn der im Code eingetragene Code ein anderer ist ...
ich werde aber weiter zu vereinfachen versuchen, um nicht zu viel Kapazitäten in die Zelle zu verbraten ...
Danke.
Gruß,
Christoph