Update (03.09.2017) - Elemente verschoben

Begonnen von gloob, 03 September 2017, 11:32:26

Vorheriges Thema - Nächstes Thema
Drucken
Nach unten Seiten 1 2 3 Alle
Benutzer-Aktionen

oeiber

#30
11 September 2017, 21:04:02
Zitat von: setstate am 11 September 2017, 18:18:16
Klappt jetzt auch wieder ohne Extra  

min-height: 1px; in CSS File hilft

Code Auswählen
<div class="col-2"></div>
funktioniert, danke!

mir ist auch noch aufgefallen, dass das select widget etwas komisch aussieht (siehe bild).

gruss

olli

setstate

#31
11 September 2017, 21:18:56
In welchem Context, also welche DIVs hast du drum herum?

1907

#32
12 September 2017, 20:03:45
Ich habe auch noch vermutlich einen kleinen Bug seit dem Update gefunden.
Wenn man das Symbolwidget mit dem Attribut "compressed" benutzt werden die Zahlen der Warnmeldung ("data-get-warn") verschoben zu dem roten Kreis angezeigt.
Ohne das Attribut compressed passt es.

Siehe Screenshot

setstate

#33
12 September 2017, 20:59:26
Ich suche gerne nach einer Lösung, brauche aber dazu etwas Code von euch. Am besten eine minimale Demo, um den Fehler reproduzieren zu können.

oeiber

#34
12 September 2017, 22:42:17
Zitat von: setstate am 11 September 2017, 21:18:56
In welchem Context, also welche DIVs hast du drum herum?
hab ,,section" drum herum.

setstate

#35
12 September 2017, 23:03:16
okay, danke. Select ist nun repariert.

1907

#36
13 September 2017, 09:06:12
Zitat von: setstate am 12 September 2017, 20:59:26
Ich suche gerne nach einer Lösung, brauche aber dazu etwas Code von euch. Am besten eine minimale Demo, um den Fehler reproduzieren zu können.

Entschulidigung. Hier natürlich der Code:

Code Auswählen
header>Klima Keller</header>
     <div data-type="label"
       data-device="Keller_Temp"
       data-get="temperature"
       data-unit="°C"
       data-limits='[5,10]'
       data-colors='["red","white"]'
       class="cell tall inline top-space">
     </div>
     <div data-type="label"
       data-device="Keller_Temp"
       data-get="humidity"
       data-unit="%"
       data-limits='[10,70]'
       data-colors='["white","red"]'
       class="cell tall inline top-space">
     </div>
     <div data-type="label"
       data-device="Keller_Temp"
       data-get="dewpoint"
       data-unit="°C"
       class="cell big inline top-space">
     </div>
     <div data-type="symbol"
       data-device="Keller_Temp"
       data-get="lueften_erlaubt"
       data-warn="dewpoint_differenz_aussen"
       data-icons='["fa-blink oa-fts_window_2w_open_lr","oa-fts_window_2w_open_lr"]'
       data-states='["off","on"]'
       data-colors='["red","green"]'
       class="cell big inline compressed">
     </div>

Wie gesagt, wenn ich das Attribut compressed weg lasse, dann wird wieder alles korrekt angezeigt. Ich benötige dieses, da sonst das Wigdget zu viel Platz braucht und ein Zeilenumbruch erfolgt.

Viele Grüße

Amenophis86

#37
10 Oktober 2017, 18:56:28 Letzte Bearbeitung: 10 Oktober 2017, 20:49:37 von Amenophis86
Ich habe auch ein Problem, nachdem ich heute das Update gemacht habe und bekomme es trotz mehrfachem Probieren einfach nicht hin. Ich schätze, dass es irgendwas mit col-1-2 zu tun habe. Aber raffe es nicht. Sry

Im Anhang ein Bild, wie es aussieht und wie es ausgesehen hat. Und hier der aktuelle Code:
Code Auswählen
<!DOCTYPE html>
<html>
<head></head>
<body>
    <div class="page" id="content1">
<section class="abschnitt">
<div class="large col-1-2 center-align">Anwesenheit</div>
</section>
<section>
            <div class="large col-1-2 center-align">Anja</div>
<div data-template="template/template_anwesenheit.html" data-parameter='{"par01":"rr_Anja"}' class="col-1-2 right-align"></div>
</section>
<section>
<div class="large col-1-2 center-align">Etienne</div>
<div data-template="template/template_anwesenheit.html" data-parameter='{"par01":"rr_Etienne"}' class="col-1-2 right-align"></div>
</section>
<section>
<div class="large col-1-2 center-align">Jutta</div>
<div data-type="switch"
data-device="rg_Jutta"
data-set-on="home"
data-set-off="none"
data-states='["home","absent","none"]'
data-icons='["oa-status_available","oa-status_away_1","oa-control_x"]'
data-colors='["#505050","#000000","#000000"]'
data-background-colors='["#58FA58","#FF0000","#505050"]'
class="col-1-2 right-align big"
></div>
</section>
<section>
<div class="large col-1-2 center-align">Gast</div>
<div data-type="switch"
data-device="rg_Gast"
data-set-on="home"
data-set-off="none"
data-states='["home","absent","none"]'
data-icons='["oa-status_available","oa-status_away_1","oa-control_x"]'
data-colors='["#505050","#000000","#000000"]'
data-background-colors='["#58FA58","#FF0000","#505050"]'
class="col-1-2 right-align big"
></div>
</section>
<section class="abschnitt">
<div class="large col-1-2 center-align">Gesamte Wohnung</div>
</section>
<section>
<div class="large col-1-2 center-align">Alle Heizungen</div>
<div data-template="template/template_combobox.html" data-parameter='{"par01":"WG.HZ.Alle","par02":"\"on\",\"off\",\"5.0\",\"5.5\",\"6.0\",\"6.5\",\"7.0\",\"7.5\",\"8.0\",\"8.5\",\"9.0\",\"9.5\",\"10.0\",\"10.5\",\"11.0\",\"11.5\",\"12.0\",\"12.5\",\"13.0\",\"13.5\",\"14.0\",\"14.5\",\"15.0\",\"15.5\",\"16.0\",\"16.5\",\"17.0\",\"17.5\",\"18.0\",\"18.5\",\"19.0\",\"19.5\",\"20.0\",\"20.5\",\"21.0\",\"21.5\",\"22.0\",\"22.5\",\"23.0\",\"23.5\",\"24.0\",\"24.5\",\"25.0\",\"25.5\",\"26.0\",\"26.5\",\"27.0\",\"27.5\",\"28.0\",\"28.5\",\"29.0\",\"29.5\",\"30.0\",\"30.5\",\"undefined\"","par03":"state","par04":"desired-temp"}' class="col-1-2 right-align"></div>
</section>
<section>
<div class="large col-1-2 center-align">Kontakte geschlossen?</div>
<div data-type="symbol"
data-device="WG.Kontakte.Alle"
data-states='["open","closed","undefined"]'
data-icons='["oa-control_x","oa-message_ok","oa-control_x"]'
data-colors='["#FF0000","#58FA58","#FF0000"]'
class="col-1-2 right-align big"></div>
</section>
    </div>
</body>
</html>

Edit:
Ok, ersten Fehler habe ich gefunden. Die Section über die ganze Seite musste von col-1-2 auf col-1-1 geändert werden. Aber die Höhe der Section stimmt einfach nicht. Finde auch nicht, wo das geändert werden muss, bzw. wer es zu klein werden lässt.
Aktuell dabei unser neues Haus mit KNX am einrichten. Im nächsten Schritt dann KNX mit FHEM verbinden. Allein zwei Dinge sind dabei selten: Zeit und Geld...

1907

#38
17 November 2017, 08:54:11
Zitat von: 1907 am 13 September 2017, 09:06:12
Entschulidigung. Hier natürlich der Code:

Code Auswählen
header>Klima Keller</header>
     <div data-type="label"
       data-device="Keller_Temp"
       data-get="temperature"
       data-unit="°C"
       data-limits='[5,10]'
       data-colors='["red","white"]'
       class="cell tall inline top-space">
     </div>
     <div data-type="label"
       data-device="Keller_Temp"
       data-get="humidity"
       data-unit="%"
       data-limits='[10,70]'
       data-colors='["white","red"]'
       class="cell tall inline top-space">
     </div>
     <div data-type="label"
       data-device="Keller_Temp"
       data-get="dewpoint"
       data-unit="°C"
       class="cell big inline top-space">
     </div>
     <div data-type="symbol"
       data-device="Keller_Temp"
       data-get="lueften_erlaubt"
       data-warn="dewpoint_differenz_aussen"
       data-icons='["fa-blink oa-fts_window_2w_open_lr","oa-fts_window_2w_open_lr"]'
       data-states='["off","on"]'
       data-colors='["red","green"]'
       class="cell big inline compressed">
     </div>

Wie gesagt, wenn ich das Attribut compressed weg lasse, dann wird wieder alles korrekt angezeigt. Ich benötige dieses, da sonst das Wigdget zu viel Platz braucht und ein Zeilenumbruch erfolgt.

Viele Grüße

Der Fehler ist nun behoben!
Dankeschön.
Drucken
Nach oben Seiten 1 2 3 Alle
Benutzer-Aktionen