Test Adapter tvprogram

OliverIO

@knallochse
ok, habe jetzt 1.5 fach gemacht und den Rand um die Logos noch ein wenig vergrößert.

MCU

@oliverio Komischer Effekt erklärbar?:

Steuerungselemente weg:

nehm ich das center raus sind sie wieder da.

OliverIO

@oliverio Komischer Effekt erklärbar?:

Ja das ist erklärbar.
Das widget enthält sehr viele HTML-Elemente mit komplexe css-Anweisungen.
Wenn du jetzt dem widget eine Formatierung vorgibst, dann vererben sich die meisten
Anweisungen bis in das letzte Element durch.
Das verträgt nicht jedes enthaltene HTML-Element .
So kannst du ja bspw auch nicht steuern das du nur die Uhrzeitzeile zentrieren möchtest, den Rest aber nicht.
Da muss man dann zu direkten css-Anweisungen greifen, die dann bestimmte Elemente direkt adressieren können.
Über die developer Tools kannst du rausfinden, wie ein Element per CSS zu adressieren ist oder du musst hier Fragen.
Aktuell verwendet das Widget knapp 50 verschiedene Formatvorlagen, jede enthält eine bis mehrere Detailanweisungen.

OliverIO

Unsere tägliche neue Version gib uns heute:
Neue Version v0.0.15

Die Logos im Kanalauswahldialog sind nun größer
Die Schriftstile des Widgets werden nun auch im Detaildialog angewendet
Für schmale Bildschirme ist nun das Foto über dem Text. Eine Auswahl des Layouts erfolgt über den Vergleich Höhe > Breite des Dialogs
Verschönerung des Codes beim setzen eines Status

Als nächstes kommt ein neues Widget zum Anzeigen und Verwalten der Favoriten

Knallochse

@oliverio sagte in Test Adapter tvprogram:

Neue Version v0.0.15

Neue Version v0.0.15 getestet.

Die größeren Logos im Kanalauswahlfenster lassen sich jetzt hervorragend per drag&drop sortieren
Das funktioniert sowohl technisch sehr gut, als auch funktionell. Die Logos lassen sich durch ihre Größe gut "greifen"

Die Schriftgröße im Dialogfenster ist jetzt größer, aber kleiner als im Hauptfenster. (Nur zur Info)

Dein Adapter fühlt sich echt rund an.

sigi234

@oliverio sagte in Test Adapter tvprogram:

Neue Version v0.0.15

Sehr klein Alles?

Screenshot (3187).png

OliverIO

@knallochse
ok, schrift von 75% auf 100% geändert. mal schauen was die anderen sagen.

hast du bei dem dialog css-technisch noch eingegriffen w/Hintergrund und die Ränder sehen auch schmaler aus.

OliverIO

@sigi234 sagte in Test Adapter tvprogram:

@oliverio sagte in Test Adapter tvprogram:

Neue Version v0.0.15

Sehr klein Alles?

Ich wette da pfuscht css von woanders mit rein
du siehst ja am screenshot von knallfrosch, das das nicht normal ist.

sigi234

@oliverio sagte in Test Adapter tvprogram:

Ich wette da pfuscht css von woanders mit rein

Hm, hat vorher aber genau gepasst. Ok CSS (Material Design CSS for ioBroker.vis) habe ich schon:

/***Hintergrund Popup ändern *******/
.mdui-runtime .ui-dialog {
    background: linear-gradient(0deg, #2c2a3f, #4f344c, #2c2a3f) !important;
}

.hintergrund{
    background-image: url(http://192.168.178.20:8107/vis-icontwo/Backgrounds/202.jpg);
}

OliverIO

@sigi234

ja ich musste den layout aufbau ändern, so das schmale Bildschirme ein anderes Layout zur verbesserten Darstellung erhalten.

dein Post zeigt nur einen Stil für Hintergrund an.

Welche css-Stile haben die folgenden Elemente ?
#w00001broadcastdlg
#w00001 .event-container.row
#w00001 .event-picture.dialogcolumn.row
#w00001 .event-data.dialogcolumn.row

bitte widgetid jeweils anpassen
wobei ich eher davon ausgehe, das das problem bei dir in den ersten beiden liegt.

sigi234

@oliverio sagte in Test Adapter tvprogram:

Welche css-Stile haben die folgenden Elemente ?

Wo sehe ich diese?

OliverIO

@sigi234 In den developer tools des browsers

tv detail view dialog öffnen
rechte maustaste an irgendeine stelle des dialogs
Untersuchen oder Element untersuchen auswählen.
in der angezeigten html struktur ein paar zeilen weiter hoch gehen. da müssten dann diese elemente mit den obigen codes stehen
dann im rechten Bereich unter styles mal schauen und ggfs rauskopieren
6 dann die elemente einzeln durch gehen und markieren, dann ändert sich auch die styles ansicht für das jeweilige element.