FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: aherby am 22 Juli 2020, 01:25:46

Titel: Circlemenu mit Sendericons
Beitrag von: aherby am 22 Juli 2020, 01:25:46
Hallo,
ich nutze gerade meinen HM-Wechsel von HMLAN auf das neue Funkmodul auch um endlich mal Tablet UI voranzutreiben.
Da ich kein Programmierer oder so bin ist manchmal der Weg / Ziel etwas schwer.

Gerade hänge ich bei folgenden Problem

Ich würde gern die Senderauswahl über das "circlemenu" einbauen.
Einmal frage ich mich warum

data-border="square"

bei mir nicht funktioniert oder wie es eingebaut werden muss?

Und weiterhin bekomme ich es nicht hin, dass die Sendericons angezeigt werden.
Wo sollten diese liegen (Ordner) und wie bindet man die dann richtig ein?
Einmal liegen die schon unter :

fhem/www/images/default


dann unter :

fhem/www/roman/images


            <div class="cell">
                <div data-type="circlemenu" data-border="square"  data-circle-radius="200">
                    <ul>
                        <li><div data-type="push" data-icon="oa-it_wifi"></div></li>
                        <li><div data-type="push" data-device="Sonos_Bad" data-get="currentFavouriteName" data-set-on="StartFavourite 1LIVE" data-icon=url('images/icoRADIO-1LIVE.png')"></div></li>
                        <li><div data-type="push" data-device="Sonos_Bad" data-get="currentFavouriteName" data-set-on="StartFavourite ENERGY_Berlin_91.7" data-icon="oa-control_building_kg"></div></li>
                     
                    </ul>
                </div>
            </div>


danke
Titel: Antw:Circlemenu mit Sendericons
Beitrag von: Eisix am 26 Juli 2020, 12:09:10
Hallo aherby,

eigene Logos in FTUI einbinden ist aufwendig oder über Umwege zu machen.

Habe dir mal ein Beispiel zu deiner Konfig dazu gepackt. Die Pfade und das start-Kommando  mußt du anpassen.


               <div data-type="circlemenu" data-border="square"  data-circle-radius="200">
                    <ul>
                        <li><div data-type="push" data-icon="oa-it_wifi"></div></li>
                        <li><div data-type="push" data-device="Sonos_Bad" data-get="currentFavouriteName" data-set-on="StartFavourite 1LIVE" data-icon=url('images/icoRADIO-1LIVE.png')"></div></li>
                        <li><div data-type="push" data-device="Sonos_Bad" data-get="currentFavouriteName" data-set-on="StartFavourite ENERGY_Berlin_91.7" data-icon="oa-control_building_kg"></div></li>

<li><img src="/fhem/images/Senderlogos/das_erste_hd.png" height="40"  width="40" onclick="ftui.setFhemStatus('set Sender_WZ Das-Erste')"></img> </li>



Gruß
Eisix
Titel: Antw:Circlemenu mit Sendericons
Beitrag von: aherby am 05 August 2020, 07:05:25
Hallo Eisix,

dankeschön. Hatte erst deine Zeile /Code überlesen aber hat es super funktioniert.
Die Icons in der Größe angepasst und so ist es ok.


<div data-type="circlemenu" data-border="square" data-circle-radius="200">
<ul>
<li><div data-type="push" data-border="square" data-icon="oa-it_wifi"></div></li>
<li><img src="/fhem/www/roman/images/icoRADIO-1LIVE.png" height="50"  width="50" onclick="ftui.setFhemStatus('set Sonos_Bad StartFavourite 1LIVE')"></img> </li>
<li><img src="/fhem/www/roman/images/icoRADIO-1LIVE.png" height="50"  width="50" onclick="ftui.setFhemStatus('set Sonos_Bad StartFavourite ENERGY_Berlin_91.7')"></img> </li>
<li><img src="/fhem/www/roman/images/icoRADIO-FFH.png" height="50"  width="50" onclick="ftui.setFhemStatus('set Sonos_Bad StartFavourite FFH')"></img> </li>
<li><img src="/fhem/www/roman/images/icoRADIO-FFH_EURODANCE.png" height="50"  width="50" onclick="ftui.setFhemStatus('set Sonos_Bad StartFavourite FFH_Eurodance')"></img> </li>
<li><img src="/fhem/www/roman/images/icoRADIO-SUNSHINELIVE.png" height="50"  width="50" onclick="ftui.setFhemStatus('set Sonos_Bad StartFavourite Sunshine_Live')"></img> </li>
<li><img src="/fhem/www/roman/images/icoRADIO-YOUFM.png" height="50"  width="50" onclick="ftui.setFhemStatus('set Sonos_Bad StartFavourite YOU_FM')"></img> </li>
</ul>
</div>


Danke

Gruß
aherby