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

[Oli]

@oliverio
hi, ich habe mal wieder ein paar Fragen zu deinen Widgets,
wie schaffe ich es das Dialogfeld in der Mitte des Bildschirms anzeigen zu lassen und wie bekomme ich en weißen Rad weg?

Am liebsten wäre es mir, wenn ich das Fenster direkt über das EPG Widget zu legen könnte

Die nächste Frage wäre, wie ich im Suchwidget die Schrift- und Hintergrundfarbe der Eingabefelder und vom Button ändern kann?

[OliverIO]

@oli

Okay, da muss ich mal schauen. Eigentlich Sollte der Dialog im bildschirm zentriert angezeigt werden.
Da es schon eine Weile her ist, dass ich am Widget was gemacht hab, muss ich mir das aber mal im Detail noch mal anschauen

Genau so mit den CSS Anweisungen für den Rand.
Was liefere ich dir dann morgen

[Oli]

@oliverio
Super, danke dir

[Oli]

@OliverIO sagte in Test Adapter tvprogram:

Was liefere ich dir dann morgen

Konntest du schon was herausfinden?

[OliverIO]

@Oli

sorry, hatte ich vergessen.

also aktuell ist es so eingestellt, das der dialog mittig zum widget ausgerichtet wird mit höhe und breite wie es in den einstellungen angegeben ist (standard ist 90% vom widget)

dargestellt wird das mit jquery.
wenn ich auf deinen screenshot schaue sehe ich. das der dialog oben links dargestellt wird. im hintergrund sowas wie ein weiteren dialog? das könnte ggfs zur falschen berechnung führen.

kannst du mir da einen view export liefern, am besten nur mit den relevanten elementen, so das ich das nachvollziehen kann, an was es da scheitert.

[Oli]

@OliverIO
hier ist der Export einer Seite, hoffe das reicht um es nachvollziehen zu können

{
  "name": "TV EPG",
  "settings": {
    "style": {
      "background-color": "transparent"
    }
  },
  "widgets": {
    "w005219": {
      "tpl": "tpltvprogramtime1",
      "data": {
        "bindings": [],
        "tvprogram_heightRow": 35,
        "g_common": true,
        "tvprogram_channeliconwidth": 35,
        "tvprogram_headerfontpercent": "125",
        "tvprogram_broadcastfontpercent": "75",
        "tvprogram_highlightcolor": "yellow",
        "tvprogram_markerpositionpercent": 25,
        "tvprogram_dialogwidthpercent": 90,
        "tvprogram_dialogheightpercent": 90,
        "tvprogram_oid": "tvprogram.0.tv1.cmd",
        "g_css_border": true,
        "g_css_background": true,
        "tvprogram_showpictures": false,
        "g_css_font_text": true,
        "name": null,
        "comment": null,
        "class": null,
        "filterkey": null,
        "multi-views": null,
        "locked": null,
        "g_fixed": true
      },
      "style": {
        "bindings": [],
        "left": "25px",
        "top": "35px",
        "width": "calc(100% - 53px)",
        "height": "calc(100% - 60px)",
        "z-index": 2,
        "border-width": null,
        "border-style": null,
        "border-color": null,
        "border-radius": "5px",
        "background": "rgba(38,45,61,1)",
        "background-color": "rgba(38,45,61,1)",
        "background-image": null,
        "background-repeat": null,
        "background-attachment": null,
        "background-position": null,
        "background-size": null,
        "background-clip": null,
        "background-origin": null,
        "color": "rgba(215,206,193,1)",
        "text-align": null,
        "text-shadow": null,
        "font-family": null,
        "font-style": null,
        "font-variant": null,
        "font-weight": null,
        "font-size": null,
        "line-height": null,
        "letter-spacing": null,
        "word-spacing": null
      },
      "widgetSet": "tvprogram"
    },
    "w005220": {
      "tpl": "tplHtml",
      "data": {
        "bindings": [],
        "html": "<div class=\"schatten-innen-radius5\" style=\"margin: 5px; margin-top: 10px; padding: 5px; height: calc(100% - 30px);\">\n</div> \n",
        "refreshInterval": null,
        "g_common": true,
        "g_css_background": true,
        "g_css_border": true,
        "g_css_shadow_padding": true,
        "g_css_font_text": true,
        "name": "Hintergrund",
        "comment": null,
        "class": null,
        "filterkey": null,
        "multi-views": null,
        "locked": null,
        "g_fixed": true
      },
      "style": {
        "bindings": [],
        "left": "0",
        "top": "10px",
        "width": "calc(100% - 3px)",
        "height": "calc(100% - 13px)",
        "z-index": 1,
        "background": "rgba(38,45,61,1)",
        "background-color": "rgba(38,45,61,1)",
        "border-radius": "5px",
        "padding-left": "6px",
        "padding-top": "",
        "padding-right": "6px",
        "box-shadow": "2px 2px 3px rgba(20, 20, 20, 50)",
        "color": "rgba(215,206,193,1)",
        "font-size": "14px",
        "text-shadow": "rgba(0, 0, 0, 0.9) 3px 3px 4px"
      },
      "widgetSet": "basic"
    }
  },
  "activeWidgets": []
}

[Oli]

@OliverIO

hattest du schon mal Zeit zum testen?

[OliverIO]

@Oli

habe es gerade mal probiert.
leider scheint der zugrundeliegende datendienst aktuell probleme zu haben.
auch die internetseite davon.
daher fehlen mir gerade die tv-daten zum ausprobieren.
das laden eines elements von dort dauert im durchschnitt 8 Sekunden.
Da bricht der Adapter immer ab

[Kanumouse]

Leider funktioniert der Adapter seit letzter Woche nicht mehr!

[OliverIO]

@Kanumouse

ja
der zugrundeliegende datendienst
funktioniert nur extrem schlecht ladezeiten.
tvfueralle.de

da gibt axios wegen timeout vorher auf.

ihr könntet ja mal hier auf x meckern (natürlich ohne iobroker bezug)

https://x.com/SOZIALHELDEN

als mal das Zertifikat abgelaufen war, hat das geholfen.
Ich selbst würde da ungern wieder schreiben wollen.

[OliverIO]

Adapter hat soeben wieder funktioniert.
Die Daten konnten ordentlich abgerufen werden

[OliverIO]

@Oli sagte in Test Adapter tvprogram:

@oliverio
hi, ich habe mal wieder ein paar Fragen zu deinen Widgets,
wie schaffe ich es das Dialogfeld in der Mitte des Bildschirms anzeigen zu lassen und wie bekomme ich en weißen Rad weg?

Am liebsten wäre es mir, wenn ich das Fenster direkt über das EPG Widget zu legen könnte

Die nächste Frage wäre, wie ich im Suchwidget die Schrift- und Hintergrundfarbe der Eingabefelder und vom Button ändern kann?

du hattest mir ja den view exportiert.
allerdings sieht der irgendwie etwas anders aus wie auf dem das dein problem darstellt bild.
ich habe ihn importiert und hier sieht alles gut aus.
Ich benötige was, bei dem ich das Problem nachstellen kann.
Das öffnen der detailschau erfolgt mittels jquery dialog. wenn dann muss ich da andere parameter übergeben. aber da muss ich sehen woran das genau liegt, das er das so falsch positioniert

tvprogramneu.mp4

[Oli]

@OliverIO
hi, ich habe dir mal ein vereinfachtes Projekt erstellt, hoffe du kannst es dann nachvollziehen

2026-01-01-TV_Test.zip

[OliverIO]

@Oli
bekomme das projekt leider nicht initialisiert. Der Import verlief fehlerfrei.
Beim Aufruf von vis1 entstehen Fehler.
bspw fehlen im Import Daten zu den Gruppen g000003 oder g000059 (Danach habe ich aufgehört versucht zu reparieren)

[Oli]

@OliverIO

Das ist VIS 2

[OliverIO]

@Oli

so hat nun funktioniert.
sind wohl doch noch ne menge gruppenfehler drin,
aber das kann auch vom zusammenstrippen deines vorhandenen projekts kommen,
den fehler konnte ich identifizieren und beheben.
Es lag wohl am einbetten des widgets in das tab widget, dadurch wurde die position des dialogs falsch berechnet.

müsste dann im nächsten release drin sein.
version poste ich wenn released

[OliverIO]

Neue Version 4.0.2

• die positionierung der Dialoge wurde verbessert.

[Oli]

@OliverIO
funktioniert bestens