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
<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
<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?
Alle Klassen, die "display:". benutzen, kommen data-hide in die Quere. "row" > "cell" zählt auch darunter. Ich habe noch keine Lösung....
OK, danke für die Info. d.h der Bug liegt nicht im Widget sondern im CSS?
Zitat von: setstate am 30 März 2018, 22:10:32
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.
Kann es sein dass das Problem nach wie vor ungelöst ist?
Zumindest funktioniert data-hide nach wie vor nicht bei mir... :(
grtz
hab zwar kein plan von tabletui aber von css, schonmal !IMPORTANT probiert?
Zitat von: DasQ am 01 Juli 2019, 21:27:15
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
Zitat von: DasQ am 01 Juli 2019, 21:27:15
hab zwar kein plan von tabletui aber von css, schonmal !IMPORTANT probiert?
Also laut CSS
fhem-tablet-ui.css (https://github.com/knowthelist/fhem-tablet-ui/blob/master/www/tablet/css/fhem-tablet-ui.css) steht das
!important drin (Zeile 3316):
.autohide.invalid,
.hide,
.widget-hide {
display: none !important;
}Im widget
classchanger (https://github.com/knowthelist/fhem-tablet-ui/blob/master/www/tablet/js/widget_classchanger.js) 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:
<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.
ok dann musst du die wertigkeit des (css) selektor hoch treiben.
als beispiel hier ein blog, (http://blog.gordon-adams.com/html-css/wertigkeit-spezifitaet-von-css-selektoren-klassen-und-ids.html) 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