FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: no_Legend am 14 Mai 2019, 17:12:33

Titel: Menü über komplette Breite am untern Rand fixieren
Beitrag von: no_Legend am 14 Mai 2019, 17:12:33
Hallo Leute,

ich hab ein PoE Tablet der Firma Allnet, welches ich in Hochformat betreiben möchte.

Das Menü wollte ich am Unteren Rand fest machen.
Gridster schiebt das Menü wenn ich es so anordnet wie ich möchte immer wieder bis zur letzten gefüllten Row.

Kann mir einer einen Schubs in die richtige Richtung geben, wie ich das Menü am unteren Rand fixieren kann?

Danke und Gruß Robert
Titel: Antw:Menü über komplette Breite am untern Rand fixieren
Beitrag von: moonsorrox am 14 Mai 2019, 19:05:29
Mach doch in den Reihen/row leer Zellen braucht auch nur in einer Spalte sein...!
Wäre jetzt die einfachste Lösung...!

Ich habe auch am unteren Rand eine Menüzeile die so aussieht
<li data-row="20" data-col="1" data-sizex="15" data-sizey="3" style="background-color:#3d445c;"></li>

Geht über die gesamte Breite und ist 3 Reihen/row hoch
Titel: Antw:Menü über komplette Breite am untern Rand fixieren
Beitrag von: no_Legend am 14 Mai 2019, 19:18:56
Zitat von: moonsorrox am 14 Mai 2019, 19:05:29
Mach doch in den Reihen/row leer Zellen braucht auch nur in einer Spalte sein...!
Wäre jetzt die einfachste Lösung...!

Ich habe auch am unteren Rand eine Menüzeile die so aussieht
<li data-row="20" data-col="1" data-sizex="15" data-sizey="3" style="background-color:#3d445c;"></li>

Geht über die gesamte Breite und ist 3 Reihen/row hoch

Hab es nun so gelöst.
Mal schauen was ich mir damit für Nachteil Einhandel.

<!DOCTYPE html>
<html>

<head>
    <script src="js/fhem-tablet-ui.min.js" defer></script>
    <title>FHEM-Tablet-UI</title>
   
    <meta name="gridster_cols" content="20"/>
    <meta name="gridster_rows" content="30"/>
</head>

<body>

    <div class="gridster">
    <ul>
   
     <li data-row="1" data-col="1" data-sizex="9" data-sizey="27">
                <div class="page" id="1_start-content"></div>
                <div class="page" id="1_multimedia-content"></div>
    </li>
       
    <li data-row="27" data-col="1" data-sizey="3" data-sizex="20">

                <div class="sheet">
                    <div class="row">
                        <div class="cell">
                            <div data-type="pagebutton" data-url="#1_start.html" data-load="#1_start-content"
                            data-active-pattern="(.*/||.*index.html||.*#1_start.html)" data-icon="fa-home" class="default big top-space"></div>
                        </div>
                        <div class="cell">
                        <div data-type="pagebutton" data-url="#1_multimedia.html" data-load="#1_multimedia-content"
                            data-active-pattern=".*#1_multimedia.html" data-icon="fa-music" class="top-space"></div>
                    </div>
                    </div>
                </div>
    </li>
    </ul>
    </div>
</body>

</html>