Hallo Leute,
ich lasse mir seit einiger Zeit meinen Kalender auch in meinen TabletUI anzeigen. Den Code hatte ich irgendwo gefunden, leider weiß ich nicht mehr wo. Heute ist mir aufgefallen, dass wenn ich weniger Termine im Kalender stehen habe, als ich in der Tablet UI zum Anzeigen habe, wird der Termin mehrfach angezeigt.
Z.B habe ich heute im Calview nur 2 Termine (t_001 & t_002) in meiner TabletUI habe ich aber ein Label für 4 Termine. Jetzt wird der 2. Termin 3x angezeigt? Wie kann ich es anpassen, dass dies nicht mehr passiert?
Hier der Code, den ich in der TabletUI dafür eingebunden habe.
<li data-row="2" data-col="1" data-sizex="3" data-sizey="1">
<header><div data-type="label" class="large">Termine Tanja & Torsten</div></header>
<div class="sheet large">
<div class="row">
<div class="col-10"
data-type="label"
data-device="vKalender_Tanja_Torsten"
data-get="t_001_weekdayname">
</div>
<div class="col-10"
data-type="label"
data-device="vKalender_Tanja_Torsten"
data-get="t_001_bdate"
data-part="(\d\d\.\d\d\.).*">
</div>
<div class="col-10"
data-type="label"
data-device="vKalender_Tanja_Torsten"
data-get="t_001_btime" data-part="(\d\d\:\d\d).*">
</div>
<div class="col-05" data-type="label">-</div>
<div class="col-10"
data-type="label"
data-device="vKalender_Tanja_Torsten"
data-get="t_001_etime"
data-part="(\d\d\:\d\d).*">
</div>
<div class="col-50">
<div data-type="label"
data-device="vKalender_Tanja_Torsten"
data-get="t_001_summary"
class="left left-space">
</div>
</div>
</div>
<div class="row">
<div class="col-10"
data-type="label"
data-device="vKalender_Tanja_Torsten"
data-get="t_002_weekdayname">
</div>
<div class="col-10"
data-type="label"
data-device="vKalender_Tanja_Torsten"
data-get="t_002_bdate"
data-part="(\d\d\.\d\d\.).*">
</div>
<div class="col-10"
data-type="label"
data-device="vKalender_Tanja_Torsten"
data-get="t_002_btime" data-part="(\d\d\:\d\d).*">
</div>
<div class="col-05" data-type="label">-</div>
<div class="col-10"
data-type="label"
data-device="vKalender_Tanja_Torsten"
data-get="t_002_etime"
data-part="(\d\d\:\d\d).*">
</div>
<div class="col-50">
<div data-type="label"
data-device="vKalender_Tanja_Torsten"
data-get="t_002_summary"
class="left left-space">
</div>
</div>
</div>
<div class="row">
<div class="col-10"
data-type="label"
data-device="vKalender_Tanja_Torsten"
data-get="t_003_weekdayname">
</div>
<div class="col-10"
data-type="label"
data-device="vKalender_Tanja_Torsten"
data-get="t_003_bdate"
data-part="(\d\d\.\d\d\.).*">
</div>
<div class="col-10"
data-type="label"
data-device="vKalender_Tanja_Torsten"
data-get="t_003_btime" data-part="(\d\d\:\d\d).*">
</div>
<div class="col-05" data-type="label">-</div>
<div class="col-10"
data-type="label"
data-device="vKalender_Tanja_Torsten"
data-get="t_003_etime"
data-part="(\d\d\:\d\d).*">
</div>
<div class="col-50">
<div data-type="label"
data-device="vKalender_Tanja_Torsten"
data-get="t_003_summary"
class="left left-space">
</div>
</div>
</div>
<div class="row">
<div class="col-10"
data-type="label"
data-device="vKalender_Tanja_Torsten"
data-get="t_004_weekdayname">
</div>
<div class="col-10"
data-type="label"
data-device="vKalender_Tanja_Torsten"
data-get="t_004_bdate"
data-part="(\d\d\.\d\d\.).*">
</div>
<div class="col-10"
data-type="label"
data-device="vKalender_Tanja_Torsten"
data-get="t_004_btime" data-part="(\d\d\:\d\d).*">
</div>
<div class="col-05" data-type="label">-</div>
<div class="col-10"
data-type="label"
data-device="vKalender_Tanja_Torsten"
data-get="t_004_etime"
data-part="(\d\d\:\d\d).*">
</div>
<div class="col-50">
<div data-type="label"
data-device="vKalender_Tanja_Torsten"
data-get="t_004_summary"
class="left left-space">
</div>
</div>
</div>
</div>
</li>
vielen Dank schonmal!
https://forum.fhem.de/index.php/topic,60530.msg519196.html#msg519196
Der Tip funktioniert leider nur Teilweise, oder ich habe class="autohide" falsch positioniert.
Ich lasse mir Wochentag, Datum, Uhrzeit-Beginn, Uhrzeit-Ende und Terminbeschreibung anzeigen. Das einzige, was nun nicht Angezeigt wird, ist nur die Terminbeschreibung. Die anderen Daten vom 2. Termin werden an der 3. und 4. Stelle trotzdem noch angezeigt.
<li data-row="2" data-col="1" data-sizex="3" data-sizey="1">
<header><div data-type="label" class="large">Termine Tanja & Torsten</div></header>
<div class="sheet large">
<div class="row">
<div class="col-10"
data-type="label"
data-device="vKalender_Tanja_Torsten"
data-get="t_001_weekdayname"
class="autohide">
</div>
<div class="col-10"
data-type="label"
data-device="vKalender_Tanja_Torsten"
data-get="t_001_bdate"
data-part="(\d\d\.\d\d\.).*"
class="autohide">
</div>
<div class="col-10"
data-type="label"
data-device="vKalender_Tanja_Torsten"
data-get="t_001_btime" data-part="(\d\d\:\d\d).*"
class="autohide">
</div>
<div class="col-05" data-type="label">-</div>
<div class="col-10"
data-type="label"
data-device="vKalender_Tanja_Torsten"
data-get="t_001_etime"
data-part="(\d\d\:\d\d).*"
class="autohide">
</div>
<div class="col-50">
<div data-type="label"
data-device="vKalender_Tanja_Torsten"
data-get="t_001_summary"
class="autohide"
class="left left-space">
</div>
</div>
</div>
<div class="row">
<div class="col-10"
data-type="label"
data-device="vKalender_Tanja_Torsten"
data-get="t_002_weekdayname"
class="autohide">
</div>
<div class="col-10"
data-type="label"
data-device="vKalender_Tanja_Torsten"
data-get="t_002_bdate"
data-part="(\d\d\.\d\d\.).*"
class="autohide">
</div>
<div class="col-10"
data-type="label"
data-device="vKalender_Tanja_Torsten"
data-get="t_002_btime" data-part="(\d\d\:\d\d).*"
class="autohide">
</div>
<div class="col-05" data-type="label">-</div>
<div class="col-10"
data-type="label"
data-device="vKalender_Tanja_Torsten"
data-get="t_002_etime"
data-part="(\d\d\:\d\d).*"
class="autohide">
</div>
<div class="col-50">
<div data-type="label"
data-device="vKalender_Tanja_Torsten"
data-get="t_002_summary"
class="left left-space"
class="autohide">
</div>
</div>
</div>
<div class="row">
<div class="col-10"
data-type="label"
data-device="vKalender_Tanja_Torsten"
data-get="t_003_weekdayname"
class="autohide">
</div>
<div class="col-10"
data-type="label"
data-device="vKalender_Tanja_Torsten"
data-get="t_003_bdate"
data-part="(\d\d\.\d\d\.).*"
class="autohide">
</div>
<div class="col-10"
data-type="label"
data-device="vKalender_Tanja_Torsten"
data-get="t_003_btime" data-part="(\d\d\:\d\d).*"
class="autohide">
</div>
<div class="col-05" data-type="label">-</div>
<div class="col-10"
data-type="label"
data-device="vKalender_Tanja_Torsten"
data-get="t_003_etime"
data-part="(\d\d\:\d\d).*"
class="autohide">
</div>
<div class="col-50">
<div data-type="label"
data-device="vKalender_Tanja_Torsten"
data-get="t_003_summary"
class="autohide"
class="left left-space">
</div>
</div>
</div>
<div class="row">
<div class="col-10"
data-type="label"
data-device="vKalender_Tanja_Torsten"
data-get="t_004_weekdayname"
class="autohide">
</div>
<div class="col-10"
data-type="label"
data-device="vKalender_Tanja_Torsten"
data-get="t_004_bdate"
data-part="(\d\d\.\d\d\.).*"
class="autohide">
</div>
<div class="col-10"
data-type="label"
data-device="vKalender_Tanja_Torsten"
data-get="t_004_btime" data-part="(\d\d\:\d\d).*"
class="autohide">
</div>
<div class="col-05" data-type="label">-</div>
<div class="col-10"
data-type="label"
data-device="vKalender_Tanja_Torsten"
data-get="t_004_etime"
data-part="(\d\d\:\d\d).*"
class="autohide">
</div>
<div class="col-50">
<div data-type="label"
data-device="vKalender_Tanja_Torsten"
data-get="t_004_summary"
class="autohide"
class="left left-space">
</div>
</div>
</div>
</div>
</li>
du musst mal deine <div> richtig verschachteln! jedes label ist ein eigenes div!
siehe mein bsp:
<div class="row">
<div class="cell-10">
<div data-type="label" data-device="vKal_Privat2" data-get="t_001_bdate" data-part="(\d\d\.\d\d\.).*" class="autohide"></div>
</div>
<div class="cell-25">
<div data-type="label" data-device="vKal_Privat2" data-get="t_001_timeshort" class="autohide"></div>
</div>
<div class="cell-55">
<div data-type="label" data-device="vKal_Privat2" data-get="t_001_summary" class="left-align autohide"></div>
</div>
<div class="cell-10">
<div data-type="label" data-unit="d" data-device="vKal_Privat2" data-get="t_001_daysleft" data-limits='["0","1","21"]' data-classes='["blink","",""]' data-colors='["firebrick","yellow","white"]' class="autohide"></div>
</div>
</div>