Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[Oli]

@haselchen
hast du in deinen anderen Tabellen CSS verweise drin stehen?

[haselchen]

@oli

Nein, da ich mit sowas noch nie gearbeitet habe

[Oli]

@haselchen
für was brauchst du dann die vorhandenen CSS Verweise?

[haselchen]

@oli

Na in welchem Thread sind wie hier? ;)

Ich will die CSS Anweisung für das Widget übernehmen.
Dieses normale grau etc. find ich nicht so prall.

[Oli]

@haselchen
stimmt, hast recht, gerade nochmal getestet, dass CSS ändert die Standarttabellen in der VIS mit um

[haselchen]

@oli

Jetzt kannst Du mit der Lösung zu meinem Tageshelden werden :)

[Oli]

@haselchen
Tabellen aus einem anderen VIS Adapter nehmen, so mache ich das, darum ist mir das auch nicht aufgefallen beim einrichten :wink:

[haselchen]

@oli

Dann, wenn du möchtest, darfste mir gerne das Widget zeigen, was du genommen hast.

[Oli]

@haselchen
ich verwende für meine VIS hauptsächlich folgende Adapter: Material Design Widgets und vis-inventwo, ich glaube das TV-Spielfilm Widget ist die einzige Standarttabelle bei mir

[haselchen]

@oli

Ich hab jetzt das Material probiert.
Wie bekomme ich den Hintergrund transparent?
Egal welches Feld ich nehme, es bleibt weiss.

Edit: habs gefunden!

Material ist docht etwas mächtiger in den Einstellungen als das normale JSON Table.

Jetzt fehlt noch eine kleine Sache...

Die Sender sind in schwarzer Farbe.
Wie bekomme ich die geändert? Sehe vielleicht den Wald....

[Oli]

@haselchen
puh, bei mir ist die ganze Schrift weiß

Links vis-inventwo, rechts Material Design Widgets

[haselchen]

@oli

Ich werde wahnsinnig. Ich bekomme ums Verrecken die Farbe nicht geändert und die Icons kleiner.

Haste dafür nen Tipp?

[Oli]

@haselchen
Die Bilder solltest du über die Spaltenbreite kleiner bekommen, mit der Schrift bin ich momentan selbst überfragt

[pix]

@haselchen
Hallo,

die Spaltentitel kannst in diesem CSS (aus der mehrfach verlinkten Anleitung) ändern:

.tclass-th { /* Headerzeilen */
    background-color: darkgrey;
    background-color: rgba(100,100,100,0.8);
    color: white;

Du kannst recht einfach im VIS-Editor rechts im Feld CSS/Projekt/ den Code aus der Adapter-Anleitung einfügen. Einfach unter bestehenden drunter. Dann scrollst du zu den einzelnen Definitionen. Die oben genannte ist ziemlich am Anfang. Wenn du nun statt 'white' mal 'blue' eingibst, wirst du die Veränderung im Editor direkt sehen. Du musst kein Runtimefenster starten.

Es kann fast nicht sein, dass andere Vis-Ansichten diese CSS-Anweisungen umsetzen. Die verwendeten Klassen sind extra für den Adapter erstellt und benannt (zum Beispiel 'tclass-th' statt nur 'th').

Kleiner Überblick:
th = Table Header (Überschrift)
tr = Table Row (Reihe)
td = Table Data (Element)

.tv_tipps tr, /* eol 11/2022 */
.tv_filme tr,
.tv_jetzt tr,
.tv_heute2015 tr,
.tv_heute2200 tr {
    background-color: transparent;
    color: white;
}

Das 'white' kannste auch mal ändern und sehen, was passiert.

Hilf dir das?

Gruß
Pix

[haselchen]

@pix

Leider nicht. Erstmal mega Danke das du das so ausführlich beschrieben hast.
Trotzdem ändern sich alle JSON Table mit deiner CSS.
Auch nachvollziehbar durch den User @Oli

Edit:

So wird das andere JSON verändert.

So sieht es ohne CSS aus

[pix]

@haselchen
Dazu hätte ich noch eine Quick'n'dirty-Lösung

Sind Deine Tabellen in verschiedenen Views?
Wie heißt Deine View fürs TV Programm?
Wenn auf dieser View (bei mir heißt sie TV) keine andere Tabelle ist, kannst du mal probieren vor jedes CSS-Definition die id 'visview_TV' zu setzen.

Also im obigen Falle statt

.tclass-th { /* Headerzeilen */
    background-color: darkgrey;
    background-color: rgba(100,100,100,0.8);
    color: white;

dann

#visview_TV .tclass-th { /* Headerzeilen in der View TV */
    background-color: darkgrey;
    background-color: rgba(100,100,100,0.8);
    color: white;

Wenn die View 'Fernsehen' heißt, dann eben

#visview_Fernsehen .tclass-th { /* Headerzeilen in der View Fernsehen */
    background-color: darkgrey;
    background-color: rgba(100,100,100,0.8);
    color: white;

Gruß
Pix

[haselchen]

@pix

Habs auch mal anders probiert und Passagen aus der CSS gelöscht.
Im Editor passt es jetzt mit der Schriftfarbe.
Mein anderes Widget ist wieder normal durch diese Passagenänderung, aber jetzt kommt es:

die VIS App setzt das nicht um. Jegliche Änderung wird nicht übernommen.
In der Runtime sind die Veränderungen sichtbar.

Edit: Dein Vorschlag ändert leider nichts :(

[Marc_el_K]

Hallo zusammen,
ich habe mir den Adapter heute aktiviert, Version 2.0.5. und auch einige Beiträge dazu gelesen.

Ich hätte aber eine allgemeine Verstädnisfrage: Im JSON tvspielfilm.0.json.heute2015 sehe ich 17 Sender. Weder in der Whitelist noch Blacklist habe ich etwas eingetragen. Auf der Webseite selbst, sind unter "Alle Sender" jedoch viele viele mehr. Verstehe ich es richtig, dass im RSS Feed nicht mehr Sender mitgeliefert werden?

DAnke im Voraus :-)

[TorstenU]

@haselchen Versuch mal unter Headers in der Spaltenbreite (Width) den Wert 5px oder ähnliches einzutragen. Habe ich in einem anderen Thread gelesen und es funktioniert bei mir. Die Schriftgröße habe ich unter "CSS Font & Text --> font-size" geändert.

Gruß
Torsten

[martin_olw]

Hallo zusammen!
Zunächst einmal vielen Dank für den Adapter. Mit den VIS (in meinem Fall der VIS2) bin ich noch relativ neu zugange.
Vielen Dank an @pix für den super Adapter!
Aktuell verstehe ich leider nicht, wie ich in meiner View in der Tabelle die Spalte mit den Bilder kleiner bekomme. Die CSS-Einstellungen habe ich vorgenommen:

Ich verstehe aber nicht, wo ich was eintragen oder ändern muss, um die Spalte mit den Bildern schmaler und dafür den Text Breiter zu bekommen. Wo kann ich mit welchem Wert probieren, bis es für mich passt?
Sorry, für die Nachfrage.
Danke!
VG Martin