Swiper - Auswahl eines expliziten Elements möglich? Oder besser Tabs?

Bastian0302 · 02 Oktober 2018, 13:55:02

Guten Tag.

Wenn ich das Swiper beispiel hier übernehme wird die Box nicht wie bei dir in der angegebenen höhe dargestellt sondern wird nach dem letzten element des <li> abgeschnitten.
Ich versuche schon seit geraumer Zeit das Problem zu lösen aber ich weis nicht mehr weiter.
Ich habe versucht dem li Element per height die Höhe festzulegen genauso wie bei ul aber das bewirkt nichts.
Die pagination zeigt ja wie weit das swiper von der Höhe geht aber der Inhalt wird halt nicht in der Höhe dargestellt.
Mein plan war es eigentlich dort ein gridster einzufügen da hatte ich aber das selbe Problem. Da wird das Gridster nach dem letzten Element in der Box abgeschnitten.

Code Auswählen

<li data-row="1" data-col="14" data-sizex="7" data-sizey="12" class="semitransparent">
<head>Wohnzimmer</head>
         <div data-type="swiper" data-height="600px" data-width="600px"
         class="top-space-2x hashnav ">
    <ul>
        <li data-hash="room1">
            <div class="row-2-3 container bg-gray">&nbsp;
                <div class="bigger thin">Room 1</div>
                <div class="top-space-3x inline">
                    <div data-type="thermostat" data-device="SchlafzimmerHeizung_Clima" ></div>
                    <div>Temp</div>
                </div>
                <div class="inline">
                    <div>
                        <div data-type="switch" data-device="dummy1" ></div>
                        <div>Licht</div>
                    </div>
                    <div>
                        <div data-type="symbol" data-device="dummy2" ></div>
                        <div>Fenster</div>
                    </div>
                </div>
            </div>
        </li>
        <li data-hash="room2">
            <div class="row-2-3 container bg-gray">&nbsp;
                <div class="bigger thin">Room 2</div>
                <div class="top-space-3x inline">
                    <div data-type="thermostat" data-device="KinderzimmerHeizung_Clima" ></div>
                    <div>Temp</div>
                </div>
                <div class="inline">
                    <div>
                        <div data-type="switch" data-device="dummy3" ></div>
                        <div>Licht</div>
                    </div>
                    <div>
                        <div data-type="symbol" data-device="dummy2" ></div>
                        <div>Fenster</div>
                    </div>
                </div>
            </div>
        </li>
        <li data-hash="room3">
            <div class="row-2-3 container bg-gray">&nbsp;
                <div class="bigger thin">Room 3</div>
                <div class="top-space-3x inline">
                    <div data-type="thermostat" data-device="BadHeizung_Clima" ></div>
                    <div>Temp</div>
                </div>
                <div class="inline">
                    <div>
                        <div data-type="switch" data-device="dummy1" ></div>
                        <div>Licht</div>
                    </div>
                    <div>
                        <div data-type="symbol" data-device="dummy2" ></div>
                        <div>Fenster</div>
                    </div>
                </div>
            </div>
        </li>
        <li data-hash="room4">
            <div class="row-2-3 container bg-gray">&nbsp;
                <div class="bigger thin">Room 4</div>
                <div class="top-space-3x inline">
                    <div data-type="thermostat" data-device="WohnzimmerHeizung_Clima" ></div>
                    <div>Temp</div>
                </div>
                <div class="inline">
                    <div>
                        <div data-type="switch" data-device="dummy3" ></div>
                        <div>Licht</div>
                    </div>
                    <div>
                        <div data-type="symbol" data-device="dummy2" ></div>
                        <div>Fenster</div>
                    </div>
                </div>
            </div>
        </li>
     </ul>
     </div>
</li>

FHEM Forum

Swiper - Auswahl eines expliziten Elements möglich? Oder besser Tabs?

Bastian0302