FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: shamal2008 am 25 Januar 2018, 22:53:37

Titel: Rotor-Widget positionieren
Beitrag von: shamal2008 am 25 Januar 2018, 22:53:37
Hallo zusammen,

ich möchte mein Wetter-Rotor Widget an einem bestimmten Platz im Gridster haben, leider bin ich scheinbar zu blöd dafür.

Wenn ich das Beispiel aus der Beschreibung im Wiki verwende, taucht das Widget immer in der Mitte der ersten Zeile auf. Sobald ich einen bestimmten Platz mitgeben möchte, funktioniert der Rotor nicht mehr und die Widgets stehen untereinander...

Hier mein Code - ich habe das li schon an alle möglichen und unmöglichen Stellen verpflanzt, der Rotor funktioniert nur, wenn das li mit der Row-und Col-Angabe gar nicht drin ist oder wie im Codeschnipsel unten - in beiden Defintionen. Vielleicht könnt ihr mir helfen?


body>
  <div class="page" id="wetter_4">
    <div class="gridster">
<li data-row="1" data-col="1" data-sizex="2" data-sizey="2">
<div data-type="rotor" class="fade" </div>
<ul>
<li>
      <div data-type="label">Heute</div>
      <div data-type="weather" data-device="wetter.wien" data-imageset="kleinklima" data-get="fc0_weatherDay"></div>
      <div data-type="label" data-device="wetter.wien" class="cell big top-narrow" data-get="fc0_weatherDay"></div>
      <div data-type="label" data-device="wetter.wien" class="cell big" data-get="fc0_tempMax" data-unit="%B0C%0A" class="cell bigger" data-limits='[-50,10]' data-colors='["#5858FA","white"]'> </div>
    </li>
<li data-row="1" data-col="1" data-sizex="2" data-sizey="2">
      <div data-type="label">Morgen</div>
      <div data-type="weather" data-device="wetter.wien" data-imageset="kleinklima" data-get="fc1_weatherDay"></div>
      <div data-type="label" data-device="wetter.wien" class="cell big top-narrow" data-get="fc1_weatherDay"></div>
      <div data-type="label" data-device="wetter.wien" class="cell big" data-unit="%B0C%0A" class="cell bigger" data-limits='[-50,10]' data-colors='["#5858FA","white"]' data-get="fc1_tempMax"></div>
</ul> 
    </li>
</div>
    </div>
</body>


lg aus Wien,
Thomas

Titel: Antw:Rotor-Widget positionieren
Beitrag von: KernSani am 25 Januar 2018, 23:14:18
Hi Thomas,

ich würde die Frage im FTUI Forum stellen ("Verschieben"-Button findest du ganz unten rechts)

Grüße,

Oli
Titel: Antw:Rotor-Widget positionieren
Beitrag von: shamal2008 am 26 Januar 2018, 09:01:34
Hallo Oli,

Danke! - erledigt!
Titel: Antw:Rotor-Widget positionieren
Beitrag von: sinus61 am 26 Januar 2018, 10:19:28
Also die Zeile kann schonmal nicht funktionieren:

<div data-type="rotor" class="fade" </div>

Das div wird nicht mit > geschlossen und mit dem </div> ist ja auch schon Ende, damit ist das folgende ja nicht innerhalb des Widgets.
Titel: Antw:Rotor-Widget positionieren
Beitrag von: shamal2008 am 26 Januar 2018, 19:33:30
Hallo Sinus,

Danke für deine Antwort und deinen Hinweis, nach den diversen "Herumprobieren" ist das übergeblieben und korrigiert, ändert aber leider nichts daran, dass das Widget nachwievor "oben mittig thront". Vielleicht hat ja noch wer eine Idee dazu :)

lg
Thomas