Hallo,
ich versuche mich gerade in einer Anzeige von Eingma2-Anzeige im Tablet-UI.
Leider kann ich nix finden zur Begrenzung der Zeichenanzahl in einem Label.
Kann mir jemand einen Tip geben?
Danke.
Das würde mich auch interessieren, ich möchte meine Kalenderanzeige begrenzen.
Denke es wird mit data-substitution funktionieren, ich habe aber kein Plan wie :-)
Für einen Tipp wäre ich dankbar.
Gruß
Markus
frei nach: wenn du ein Problem nicht lösen kannst, umgehe es 8)
Ich hatte das gleiche Problem und mir deshalb einen Lauftext gebastelt, bzw. per copy-paste aus Beispielen aus dem Netz zusammengetragen. Also fragt bitte nicht, WIE das funktioniert ;D
index.html
<div class="marquee"><span><div data-type="label" data-device="oeffi_ToWork" data-get="travel_note_text_1" data-substitution="s/none//g"></div></span></div>
mystyle.css (muss natürlich in der index.html geladen werden
@keyframes marquee {
0% { transform: translate(0, 0); }
100% { transform: translate(-100%, 0); }
}
.marquee {
width: 250px;
margin: 0 auto;
overflow: hidden;
white-space: nowrap;
box-sizing: border-box;
/* border: 1px red solid; */
}
.marquee span {
display: inline-block;
padding-left: 100%;
text-indent: 0;
/* border: 1px green solid; */
animation: marquee 10s linear infinite;
-webkit-animation: marquee 10s linear infinite;
}
das sollte mit data-substitution="toString().substr(0,10)" im label gehen. die 10 ist natürlich anzupassen.
wenn der wert schon ein string ist geht es eventuell auch ohne toString()
gruss
andre