class="cell" verhindert hide?

[sek_is_back]

kann es sein das CELL das HIDE verhindert?

In disem Fall ohne class="cell" verschwindet der Pagebutton dann habe ich aber keine Zentrierung durch CELL

Code Auswählen Erweitern

<div class=" bigger  nocache"
data-type="pagebutton"
data-url="#calls.html"
data-load="#calls"
data-active-pattern=".*#calls.html"
data-fade-duration="fast"
data-device="CallList"
data-background-icon="fa-circle"
data-off-color="#505050"
data-off-background-color="#aa6900"
data-icon="fa-phone"
data-device="CallList"
data-warn="numberOfCalls"
data-warn-on='[1-9]'
data-hide="numberOfCalls"
data-hide-on="0">
</div>

Mit Cell verschwindet der Button nicht, aber ichhabe die Zentrierung.
Habs mit classchanger versucht und den selben Effekt

Code Auswählen Erweitern

<div data-type="classchanger"
data-device="CallList"
data-get="numberOfCalls"
data-get-on='[1-9]'
data-get-off="0"
data-off-class="hide">
<div class=" bigger  nocache"
data-type="pagebutton"
data-url="#calls.html"
data-load="#calls"
data-active-pattern=".*#calls.html"
data-fade-duration="fast"
data-device="CallList"
data-background-icon="fa-circle"
data-off-color="#505050"
data-off-background-color="#aa6900"
data-icon="fa-phone"
data-device="CallList"
data-warn="numberOfCalls"
data-warn-on='[1-9]'
data-get="numberOfCalls"
data-hide="numberOfCalls"
data-hide-on="0">
</div>
</div>

oder habe ich hier einen grundlegenden Gedankenfehler im Aufbau?

[setstate]

Alle Klassen, die "display:".  benutzen, kommen data-hide in die Quere. "row" > "cell" zählt auch darunter. Ich habe noch keine Lösung....

[sek_is_back]

OK, danke für die Info. d.h der Bug liegt nicht im Widget sondern im CSS?

[C0mmanda]

Alle Klassen, die "display:".  benutzen, kommen data-hide in die Quere. "row" > "cell" zählt auch darunter. Ich habe noch keine Lösung....

Welche Klassen benutzen dieses "display:" denn nicht?
Dann könnte ich das umbauen damit data-hide wieder funktioniert...

Danke.

[C0mmanda]

Kann es sein dass das Problem nach wie vor ungelöst ist?
Zumindest funktioniert data-hide nach wie vor nicht bei mir...

grtz

[DasQ]

hab zwar kein plan von tabletui aber von css, schonmal !IMPORTANT probiert?

[C0mmanda]

hab zwar kein plan von tabletui aber von css, schonmal !IMPORTANT probiert?

Nein, ich wüßte nicht einmal wo ich !IMPORTANT wie einbauen müsste.
Habe von css weniger als gar keine Ahnung....

grtz

[yersinia]

hab zwar kein plan von tabletui aber von css, schonmal !IMPORTANT probiert?

Also laut CSS fhem-tablet-ui.css steht das !important drin (Zeile 3316):

Code Auswählen Erweitern

.autohide.invalid,
.hide,
.widget-hide {
    display: none !important;
}

Im widget classchanger gibt es auch eine data-on-class sowie eine data-off-class. Wenn ich das richtig verstehe, werden die Klassen des Elements einfach ersetzt - und ich würde in etwa sowas erwarten:

Code Auswählen Erweitern

<div data-type="classchanger"
data-device="CallList"
data-get="numberOfCalls"
data-get-on='[1-9]'
data-get-off="0"
data-off-class="hide"
data-on-class="cell"> <!-- <=== -->
          <!-- div container mit content -->
</div>

Eine Option wäre noch inline-CSS (zB style="display: none;"), dies überschreibt allerdings Class-Merkmale und wäre höchstwahrscheinlich alles andere als Zielführend.

[DasQ]

ok dann musst du die wertigkeit des (css) selektor hoch treiben.

als beispiel hier ein blog, gibts aber zich erklärungen im netz dazu


alternativ den button aus dem viewport schieben oder im z-index hinter den obersten layer schieben (is aber pfusch)

ich glaub ich muss mir das tabletui auch nochmals genaueranschauen