Menü über komplette Breite am untern Rand fixieren

no_Legend · 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

moonsorrox · 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

Code Auswählen

<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

no_Legend · 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
Code Auswählen Erweitern
<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.

Code Auswählen

<!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>

FHEM Forum

Menü über komplette Breite am untern Rand fixieren

no_Legend

moonsorrox

no_Legend