FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: baeda am 12 Mai 2021, 23:53:14

Titel: FTUI - widget pagetab - widget popup ohne Inhalt
Beitrag von: baeda am 12 Mai 2021, 23:53:14
Hallo zusammen,

ich bräuchte Unterstützung bei ftui mit den widget pagetab, bzw. darin ein popup widget.

Lange Zeit war bei mir ftui mit einer index.html im Einsatz - irgendwann musste dann wegen Platzmangel ein neues Konzept her.
So fiel die Wahl auf pagetab.

Leider funktioniert seit der Umstellung das popup "Segel-Wetter" nicht mehr, das zuvor ohne Probleme lief.
Vermutlich liegt es am javacript Inhalt, denn das zweite popup "See 2" zeigt den Inhalt (Test) an - hier die pagetab.html


<html>
<head>

</head>
<body>

<div class="gridster">

<ul>
        <li data-row="1" data-col="1" data-sizex="1" data-sizey="6" data-template="menu_test.html"></li>
        <li data-row="1" data-col="2" data-sizex="3" data-sizey="2">

                 <header>Segel-Wetter</header>
                                  <div class="container top-space">
                                        <div class="inline top-narrow">
                                                <div data-type="popup" data-height="400px"  data-width="960px">
                                                                <div data-type="link" class="round"
                                                                data-width="85"
                                                                data-background-color="blue"
                                                                data-border-color="black"
                                                                data-color="white">See</div>
                                                                <div class="dialog">
                                                                        <header>Wetter See</header>
                                                                                <div> <script type="text/javascript" src="https://www.windfinder.com/widget/forecast/js/starnberger_see_st._heinrich?unit_wave=m&unit_rain=mm&unit_temperature=c&unit_wind=kts&days=4&show_day=1&show_pressure=0"></script><noscript><a rel='nofollow' href='https://www.windfinder.com/forecast/starnberger_see_st._heinrich?utm_source=forecast&utm_medium=web&utm_campaign=homepageweather&utm_content=noscript-forecast'>Wind forecast for Starnberger See / St. Heinrich</a> provided by <a rel='nofollow' href='https://www.windfinder.com?utm_source=forecast&utm_medium=web&utm_campaign=homepageweather&utm_content=noscript-logo'>windfinder.com</a></noscript>
                                                                                </div> 
                                                                </div>
                                                </div>
                                        </div>
                                </div>

                                 <div class="container top-space">
                                        <div class="inline top-narrow">
                                                <div data-type="popup" data-height="400px"  data-width="960px">
                                                                <div data-type="link" class="round"
                                                                data-width="85"
                                                                data-background-color="blue"
                                                                data-border-color="black"
                                                                data-color="white">See 2</div>
                                                                <div class="dialog">
                                                                        <header>Wetter See 2</header>
                                                                                <div>Test
                                                                                </div>
                                                                </div>
                                                </div>
                                        </div>
                                </div>

        </li>
</ul>


Hat jemand einen Ansatz, wo das Problem liegen könnte?

Herzlichen Dank vorab!

baeda
Titel: Antw:FTUI - widget pagetab - widget popup ohne Inhalt
Beitrag von: Rothammel am 04 November 2021, 11:04:49
schau mal in den js code vom widget, dort ist der link den du dann per iframe einbinden kannst:

https://de.windfinder.com/widget/forecast/burkersdorf?days=4&columns=2&unit_wind=kmh&label_wind=km%2Fh&unit_temperature=c&unit_pressure=hPa&unit_wave=m&unit_rain=mm&show_wind=1&show_temperature=1&show_waves=0&show_rain=1&show_clouds=1&show_pressure=1&show_day=0&version=1

<li data-row="5" data-col="1" data-sizex="8" data-sizey="4">
<header><div data-type="label" class="large">Windfinder</div></header>
<div class="top-space-4">
<iframe src="https://de.windfinder.com/widget/forecast/burkersdorf?days=4&columns=2&unit_wind=kmh&label_wind=km%2Fh&unit_temperature=c&unit_pressure=hPa&unit_wave=m&unit_rain=mm&show_wind=1&show_temperature=1&show_waves=0&show_rain=1&show_clouds=1&show_pressure=1&show_day=0&version=1" width="1000" height="450"></iframe>
</div>
</li>
Titel: Antw:FTUI - widget pagetab - widget popup ohne Inhalt
Beitrag von: baeda am 04 November 2021, 17:06:58
Hi, vielen Dank für die Rückmeldung!

Damit klappte die Einbettung im Popup perfekt.