Hallo,
ich habe bei mir im TabletUI einen Familienkalender integriert. Funktioniert prinzipiell super, aber von der Familie kommt nun immer öfters der Hinweis, dass das Datum alleine unschön ist. Es wäre super, wenn dort noch der Wochentag (wenn möglich kurz, also z.b. Mo, Di usw) stehen würde.
Kann mir jemand einen Tip geben? Geht das schon? Könnte man sowas einbauen?
Hier mal ein Beispiel für 5 Termine, ich habe das in einer Tabelle mit noch weiteren Terminen
In meinem Fall ist "View_T" der Name aus CalView, so kannst du die Tabelle füllen mit mehren Terminen und immer hoch zählen.
Ich weiß jetzt auch nicht wie dein CalView aussieht, denn das kommt ja aus dem Kalender...
Ich hoffe es ist das was du meinst...! :)
<table class="big" style="margin-top:25px !important; margin-left:25px !important; height:90%;">
<tr>
<td>
<div data-type="label" class="large left-align MediumSpringGreen">Termine</div>
</td>
</tr>
<tr>
<td>
<div data-type="label" data-device="View_T" data-get="t_001_weekdayname" class="left inline" style="margin-left:100px !important;"></div>
<!--div data-type="symbol" data-device="View_T" data-icon="fa-square" data-color="View_T:t_001_sourcecolor" class="tiny compressed"></div-->
</td>
<td>
<!--div data-type="label" data-device="View_T" data-get="t_001_weekdayname" class="left inline" style="margin-left:0px !important;"></div-->
<div data-type="label" data-device="View_T" data-get="t_001_bdate" class="left inline" style="margin-left:0px !important;"></div>
<div data-type="label" data-device="View_T" data-get="t_001_btime" data-substitution="s/(:00)$//g" class="left left-space inline"></div>
<div data-type="label" data-device="View_T" data-get="t_001_summary" class="left autohide left-space-2x inline"></div>
<div data-type="label" data-pre-text="Ort: " data-device="View_T" data-get="t_001_location" class="left autohide left-space tiny inline" style="margin-top:7px !important; overflow:hidden; text-overflow:ellipsis;"></div>
</td>
</tr>
<tr>
<td>
<!--div data-type="symbol" data-device="View_T" data-icon="fa-square" data-color="View_T:t_002_sourcecolor" class="tiny compressed"></div-->
<div data-type="label" data-device="View_T" data-get="t_002_weekdayname" class="left inline" style="margin-left:100px !important;"></div>
</td>
<td>
<div data-type="label" data-device="View_T" data-get="t_002_bdate" class="left inline" style="margin-left:0px !important;"></div>
<div data-type="label" data-device="View_T" data-get="t_002_btime" data-substitution="s/(:00)$//g" class="left left-space inline"></div>
<div data-type="label" data-device="View_T" data-get="t_002_summary" class="left autohide left-space-2x inline"></div>
<div data-type="label" data-pre-text="Ort: " data-device="View_T" data-get="t_002_location" class="left autohide left-space tiny inline" style="margin-top:7px !important; overflow:hidden; text-overflow:ellipsis;"></div>
</td>
</tr>
<tr>
<td>
<!--div data-type="symbol" data-device="View_T" data-icon="fa-square" data-color="View_T:t_003_sourcecolor" class="tiny compressed"></div-->
<div data-type="label" data-device="View_T" data-get="t_003_weekdayname" class="left inline" style="margin-left:100px !important;"></div>
</td>
<td>
<div data-type="label" data-device="View_T" data-get="t_003_bdate" class="left inline" style="margin-left:0px !important;"></div>
<div data-type="label" data-device="View_T" data-get="t_003_btime" data-substitution="s/(:00)$//g" class="left left-space inline"></div>
<div data-type="label" data-device="View_T" data-get="t_003_summary" class="left autohide left-space-2x inline"></div>
<div data-type="label" data-pre-text="Ort: " data-device="View_T" data-get="t_003_location" class="left autohide left-space tiny inline" style="margin-top:7px !important; overflow:hidden; text-overflow:ellipsis;"></div>
</td>
</tr>
<tr>
<td>
<!--div data-type="symbol" data-device="View_T" data-icon="fa-square" data-color="View_T:t_004_sourcecolor" class="tiny compressed"></div-->
<div data-type="label" data-device="View_T" data-get="t_004_weekdayname" class="left inline" style="margin-left:100px !important;"></div>
</td>
<td>
<div data-type="label" data-device="View_T" data-get="t_004_bdate" class="left inline" style="margin-left:0px !important;"></div>
<div data-type="label" data-device="View_T" data-get="t_004_btime" data-substitution="s/(:00)$//g" class="left left-space inline"></div>
<div data-type="label" data-device="View_T" data-get="t_004_summary" class="left autohide left-space-2x inline"></div>
<div data-type="label" data-pre-text="Ort: " data-device="View_T" data-get="t_004_location" class="left autohide left-space tiny inline" style="margin-top:7px !important; overflow:hidden; text-overflow:ellipsis;"></div>
</td>
</tr>
<tr>
<td>
<!--div data-type="symbol" data-device="View_T" data-icon="fa-square" data-color="View_T:t_005_sourcecolor" class="tiny compressed"></div-->
<div data-type="label" data-device="View_T" data-get="t_005_weekdayname" class="left inline" style="margin-left:100px !important;"></div>
</td>
<td>
<div data-type="label" data-device="View_T" data-get="t_005_bdate" class="left inline" style="margin-left:0px !important;"></div>
<div data-type="label" data-device="View_T" data-get="t_005_btime" data-substitution="s/(:00)$//g" class="left left-space inline"></div>
<div data-type="label" data-device="View_T" data-get="t_005_summary" class="left autohide left-space-2x inline"></div>
<div data-type="label" data-pre-text="Ort: " data-device="View_T" data-get="t_005_location" class="left autohide left-space tiny inline" style="margin-top:7px !important; overflow:hidden; text-overflow:ellipsis;"></div>
</td>
</tr>
</table>
Hallo,
danke für die Antwort, aber ich verwende das Widget CalView im TabletUI. Das ist eigentlich genial, aber halt leider mit wenig Gestaltungsmöglichkeiten.
Hier mein Codefragment im Index.html:
<li data-row="4" data-col="6" data-sizex="3" data-sizey="2">
<header class="headerTransparent">Familien Kalender</header>
<div data-type="calview"
data-device="FamCalView"
data-dateformat="short"
data-timeformat="short"
data-get="all"
data-max="4"
data-detail='["bdate","btime","summary"]'
data-detailwidth='["22","22","56"]'>
</div>
</li>
Da hier keine Lösung präsentiert wurde, schildere ich kurz eine Lösungsmöglichkeit.
Mit dem folgenden Attribut kann u.a. das Reading t_xxx_weekdayname im CALVIEW-Device beeinflusst werden:
attr <CALVIEW-Device> weekdayformat de-short
oder
attr <CALVIEW-Device> weekdayformat de-long
In FTUI kann weekdayname als Ausgabefeld via data-detail festgelegt werden:
<div data-type="calview" ... data-detail='[...,"weekdayname",...]' ... ></div>
Zitat von: OdfFhem am 10 Januar 2019, 20:05:30
Da hier keine Lösung präsentiert wurde, schildere ich kurz eine Lösungsmöglichkeit.
Mit dem folgenden Attribut kann u.a. das Reading t_xxx_weekdayname im CALVIEW-Device beeinflusst werden:
attr <CALVIEW-Device> weekdayformat de-short
oder
attr <CALVIEW-Device> weekdayformat de-long
In FTUI kann weekdayname als Ausgabefeld via data-detail festgelegt werden:
<div data-type="calview" ... data-detail='[...,"weekdayname",...]' ... ></div>
*push*
Hallo Zusammen,
genau das funtkioniert leider bei mir nicht....mache ich etwas falsch?
FHEM ist frisch aktualisiert.
Device CALVIEW im Fhem ist soweit ok und zeigt Inhalt.
Zitatt_002_weekdayname Mi 2020-02-19 09:48:35
-> Es ist also auch "weekdayformat" "de-short" gesetzt.
im FTUI
<div data-type="calview"
data-device="kalender"
data-dateformat="short"
data-get="all"
data-max="10"
data-oneline="yes"
data-detail='["weekdayname","bdate","btime","summary"]'
data-detailwidth='["5","20","10","65"]'></div>Ersetze ich weekdayname durch weekday, sehe ich die Wochentagszahlen.
Inhalte (auch der Rest) werden also angezeigt.....
Danke,
Kharim
Vielleicht einfach mal den Cache vom Browser leeren.
Oder mal auf einem anderen Browser testen.
Ich habe immer zwei Browser, einen der gar keinen Cache zuläßt und einen "normalen". So sehe ich sofort die Änderung.
Ralf
und was du mal manuell probieren solltest,
set <myDevice> update
vielleicht hast du den Update Intervall auf "zu lange" stehen.
Ralf
Ja das mit dem Browser ist kein schlechter Hinweis, daran lag es aber letztendlich nicht.
Ich hatte (erst danach bemerkt) auch das Problem, "das datetimeformat=short" nicht funktionierte.
Ergebnis des Ganzen...anscheinend wird auch heute noch, nicht die aktuellste CalView.js für FTUI per FHEM Update angeboten.
Siehe: https://forum.fhem.de/index.php?topic=77244.0 (https://forum.fhem.de/index.php?topic=77244.0)
Per Hand aktualisiert und schon hat es funktioniert :-)