TabletUI auf verschieden größen skalieren

[Tommy82]

Hi,
erstmal Danke für deine Fehler suche, hab die alle mal korrigiert.
Was meinst du mit

Deine rowspans sind falsch kalkuliert

und was müsste ich da machen?

Mit geänderten
"widget_base_width" und "widget_base_height"
bin ich jetzt ein Stück weiter gekommen, wenn ich dort anpassungen vornehme, dann gibt es auch die änderungen.
Das Ergebnis ist dann allerdings das ich viele Elemente in den diversen <div> neu positionieren muss, da die Container größer werden.

Jetzt habe ich aus der index.html eine zweite gemacht namens indexWohnzimmer.html, welche ich in Fully auf meinem Tablett als Start Seite eingerichtet habe, allerdings werden immer die Werte der index.html genommen, wieso?

Danke

[amenomade]

Jetzt habe ich aus der index.html eine zweite gemacht namens indexWohnzimmer.html, welche ich in Fully auf meinem Tablett als Start Seite eingerichtet habe, allerdings werden immer die Werte der index.html genommen, wieso?

Danke

Wie rufst Du die Seite auf (url)?

[amenomade]

Mit geänderten
"widget_base_width" und "widget_base_height"
bin ich jetzt ein Stück weiter gekommen, wenn ich dort anpassungen vornehme, dann gibt es auch die änderungen.
Das Ergebnis ist dann allerdings das ich viele Elemente in den diversen <div> neu positionieren muss, da die Container größer werden.

Wie gesagt, statt _base_ metas, lieber gridster_cols und gridster_rows benutzen

[Tommy82]

Wie rufst Du die Seite auf (url)?

Über ein

Code Auswählen Erweitern

http://192.168.188.47:8085/fhem/ftui/index.htmlbzw.

Code Auswählen Erweitern

http://192.168.188.47:8085/fhem/ftui/indexWohnzimmer.html, hab aber dann gesehen das sich beim Aufrufen der Link so verändert

Code Auswählen Erweitern

http://192.168.188.47:8085/fhem/ftui/indexWohnzimmer.html#index.html, nachdem ich das #index entfernt habe geht es auch.
Was bedeutet das

Code Auswählen Erweitern

#index.html??

Wie gesagt, statt _base_ metas, lieber gridster_cols und gridster_rows benutzen

Ok, das würde aber ja dann bedeutet das ich alles umbauen muss oder?
Was müsste ich denn z.b. hier ändern wenn ich mein aktuelles Layout beibehalten möchte, nur die Icon's jetzt neu in dem Container zentriert platziert haben möchte?

Code Auswählen Erweitern

<!-- ============== Server ================ -->
<!-- ======================================= -->
<li data-row="4" data-col="7" data-sizex="2" data-sizey="1">
        <header class="headerTransparent">Server</header>
    <div class="inline">
    <br>
       <table>
        <tr>
            <td>
                <div data-type="symbol" data-device="WHS_2011" data-icons='["fa-server"]' data-get-on='["on","off"]' data-colors='["#00ff00","#ff0000"]'  class="small narrow" ></div>
            </td>
            <td>
                <div data-type="symbol" data-device="WinServer" data-icons='["fa-server"]' data-get-on='["on","off"]' data-colors='["#00ff00","#ff0000"]' class="small narrow" ></div>
            </td>
        </tr>
        <tr>
            <td>
                <div data-type="label" class="narrow darker">WHS 2011</div>
            </td>
            <td>
                <div data-type="label" class="narrow darker">Backup Server</div>
            </td>
        </tr>
        </table>       
         </div>
</li>

Im Moment sieht das so aus wie im Anhang.

[amenomade]

Ich weiss nicht, was Du mit indexWohnzimmer.html gebastelt hast. Wenn Du 1:1 kopiert hast, dann zeig er ja die gleiche Werte.
Wenn Du drin irgendwelche Pagebutton Subseite hast, dann ladet er das natürlich auch.
Mit data-type="pagetab" data-url="index.html", wechselt er dann zu indexWohnzimmer.html#index.html

Das bedeutet: lade in der Seite indexWohnzimmer.html das Teil index.html (siehe HTML anchor)

Ok, das würde aber ja dann bedeutet das ich alles umbauen muss oder?

Nein, wenn deine Kacheln ordentlich definiert und positioniert sind, sollte die Grösse der Kacheln an Bildschirmgrösse anpassen.

<li data-row="4" data-col="7" data-sizex="2" data-sizey="1">

bedeutet 4.Zeile, 7.Spalte, ein 2-breit und 1-hoch Kachel. ABER: gridsger optimiert die Positionierung. Wenn nichts links davon liegt, schiebt er das nach links.

Du musst wirklich https://wiki.fhem.de/wiki/FTUI_Layout_Gridster lesen

[Tommy82]

Ok,
werd ich mir dann nochmal angucken, wie könnte ich aber in der aktuelle variante mein Anzeige Problem das die Icons nicht im gleichen abstand dargestellt werden lösen?

Danke