Circlemenu mit Sendericons

[aherby]

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

Code Auswählen Erweitern


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 :

Code Auswählen Erweitern


fhem/www/images/default

dann unter :

Code Auswählen Erweitern


fhem/www/roman/images

Code Auswählen Erweitern


            <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

[Eisix]

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.

Code Auswählen Erweitern



               <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

[aherby]

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.

Code Auswählen Erweitern


<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