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

[MCU]

@sigi234 Wenn man in das Array die Config auch schreiben lassen möchte muss der 0_userdata.0.jarvis.system.cssThemes.theme.themeSaveInArray auf true stehen!. Sonst wird nichts in Array geschrieben.

[MCU]

@dominik-f Da hast bei Deinem "normal" anscheinend nicht 0_userdata.0.jarvis.system.cssThemes.theme.themeSaveInArray auf true stehen gehabt?
"normal" steht nicht im Array? Wo steht sie bei Dir?

[Dominik F.]

@mcu

doch eigentlich schon. Hier mein ThemeArray:
Dort stehen beide drin. Ich hab normal auch zu erst gemacht

[
  {
    "configName": "normal",
    "0_userdata.0.jarvis.system.cssThemes.01_jarvisPageContainerBG": {},
    "0_userdata.0.jarvis.system.cssThemes.02_bodyDarkjarvisHeaderBG": {},
    "0_userdata.0.jarvis.system.cssThemes.03_jarvisTabsContainerBG": {
      "background-color": "#303030 !important"
    },
    "0_userdata.0.jarvis.system.cssThemes.04_jarvisWidgetContainerBG": {},
    "0_userdata.0.jarvis.system.cssThemes.05_bodyDarkJarvisWidgetBG": {},
    "0_userdata.0.jarvis.system.cssThemes.06_bodyLightJarvisWidgetBG": {},
    "0_userdata.0.jarvis.system.cssThemes.07_bodyDarkJarvisTabsContainerBG": {
      "background-color": "#303030 !important"
    },
    "0_userdata.0.jarvis.system.cssThemes.08_qTableContainerBG": {},
    "0_userdata.0.jarvis.system.cssThemes.09_qHeaderBorderedBG": {},
    "0_userdata.0.jarvis.system.cssThemes.10_jarvisWidgetIconBG": {},
    "0_userdata.0.jarvis.system.cssThemes.12_jarvisHeader": {},
    "0_userdata.0.jarvis.system.cssThemes.13_jarvisSidebar": {
      "background-color": "#303030"
    },
    "0_userdata.0.jarvis.system.cssThemes.14_jarvisSidebarItemPage": {},
    "0_userdata.0.jarvis.system.cssThemes.15_jarvisSidebarItemPageSelected": {},
    "0_userdata.0.jarvis.system.cssThemes.16_jarvisStateListItemPopup": {},
    "0_userdata.0.jarvis.system.cssThemes.17_jarvisWidgetHeader": {
      "background-color": "#606060 !important"
    },
    "0_userdata.0.jarvis.system.cssThemes.18_jarvisTabs": {},
    "0_userdata.0.jarvis.system.cssThemes.19_qItemDark": {
      "background-color": "transparent"
    },
    "0_userdata.0.jarvis.system.cssThemes.20_jarvisWidgetModuleStateList": {
      "background-color": "#303030"
    },
    "0_userdata.0.jarvis.system.cssThemes.21_jarvisStateListItemBody": {},
    "0_userdata.0.jarvis.system.cssThemes.22_jarvisJsonTable": {
      "background-color": "#303030 !important"
    },
    "0_userdata.0.jarvis.system.cssThemes.23_rowItemsCenterqCardSectionVert": {
      "background-color": "#303030"
    },
    "0_userdata.0.jarvis.system.cssThemes.24_qCardActioinsHorizRowJustifyEnd": {
      "background-color": "#303030"
    },
    "0_userdata.0.jarvis.system.cssThemes.25_jarvisPageContainerScroll": {},
    "0_userdata.0.jarvis.system.cssThemes.26_jarvisPageContainerTextArea": {},
    "0_userdata.0.jarvis.system.cssThemes.27_qSliderThumb": {},
    "0_userdata.0.jarvis.system.cssThemes.28_notificationDrawerButton": {
      "display": "none !important"
    },
    "0_userdata.0.jarvis.system.cssThemes.29_jarvisDateTimeClock": {},
    "0_userdata.0.jarvis.system.cssThemes.30_qToggleThumb": {},
    "0_userdata.0.jarvis.system.cssThemes.31_jarvisSidebarItem": {},
    "0_userdata.0.jarvis.system.cssThemes.32_jarvisPage": {},
    "0_userdata.0.jarvis.system.cssThemes.33_jarvisIconPath": {},
    "0_userdata.0.jarvis.system.cssThemes.34_qSliderqSliderTrack": {},
    "0_userdata.0.jarvis.system.cssThemes.50_mediaColorCover": {},
    "0_userdata.0.jarvis.system.cssThemes.51_mediaControls": {},
    "0_userdata.0.jarvis.system.cssThemes.52_mediaTrackInformation": {},
    "0_userdata.0.jarvis.system.cssThemes.53_mediaTrackDuration": {},
    "0_userdata.0.jarvis.system.cssThemes.54_mediaTrackProgress": {},
    "0_userdata.0.jarvis.system.cssThemes.55_mediaControlsJarvisIconSvg": {},
    "0_userdata.0.jarvis.system.cssThemes.56_mediaControlsControlsLeftQbtnwrapper": {},
    "0_userdata.0.jarvis.system.cssThemes.57_mediaControlsQbtngroupQbtnitem": {},
    "0_userdata.0.jarvis.system.cssThemes.colorPrimary": "DodgerBlue",
    "0_userdata.0.jarvis.system.cssThemes.colorSecondary": "#26a69a",
    "0_userdata.0.jarvis.system.cssThemes.colorAccent": "#9c27b0",
    "0_userdata.0.jarvis.system.cssThemes.darkMode": true
  },
  {
    "configName": "transparent",
    "0_userdata.0.jarvis.system.cssThemes.01_jarvisPageContainerBG": {
      "background": "url(\"https://images.hdqwalls.com/download/3d-cgi-geometry-pattern-bo-3840x2160.jpg\")"
    },
    "0_userdata.0.jarvis.system.cssThemes.02_bodyDarkjarvisHeaderBG": {
      "background": "rgba(0,0,0,0.45) !important"
    },
    "0_userdata.0.jarvis.system.cssThemes.03_jarvisTabsContainerBG": {
      "background": "rgba(0,0,0,0.45) !important"
    },
    "0_userdata.0.jarvis.system.cssThemes.04_jarvisWidgetContainerBG": {
      "background": "rgba(0,0,0,0.45) !important"
    },
    "0_userdata.0.jarvis.system.cssThemes.05_bodyDarkJarvisWidgetBG": {
      "background": "rgba(0,0,0,0.45)"
    },
    "0_userdata.0.jarvis.system.cssThemes.06_bodyLightJarvisWidgetBG": {
      "background": "rgba(255,255,255,1)"
    },
    "0_userdata.0.jarvis.system.cssThemes.07_bodyDarkJarvisTabsContainerBG": {
      "background": "rgba(0,0,0,0.45) !important"
    },
    "0_userdata.0.jarvis.system.cssThemes.08_qTableContainerBG": {
      "background": "transparent !important"
    },
    "0_userdata.0.jarvis.system.cssThemes.09_qHeaderBorderedBG": {
      "border": "1px solid transparent !important"
    },
    "0_userdata.0.jarvis.system.cssThemes.10_jarvisWidgetIconBG": {
      "background": "rgba(0,0,0,0.45)"
    },
    "0_userdata.0.jarvis.system.cssThemes.12_jarvisHeader": {
      "background": "rgba(0,0,0,0.45) !important"
    },
    "0_userdata.0.jarvis.system.cssThemes.13_jarvisSidebar": {
      "background": "rgba(0,0,0,0.45) !important; "
    },
    "0_userdata.0.jarvis.system.cssThemes.14_jarvisSidebarItemPage": {},
    "0_userdata.0.jarvis.system.cssThemes.15_jarvisSidebarItemPageSelected": {},
    "0_userdata.0.jarvis.system.cssThemes.16_jarvisStateListItemPopup": {},
    "0_userdata.0.jarvis.system.cssThemes.17_jarvisWidgetHeader": {
      "background-color": "#606060 !important"
    },
    "0_userdata.0.jarvis.system.cssThemes.18_jarvisTabs": {},
    "0_userdata.0.jarvis.system.cssThemes.19_qItemDark": {
      "background-color": "transparent"
    },
    "0_userdata.0.jarvis.system.cssThemes.20_jarvisWidgetModuleStateList": {
      "background-color": "#303030"
    },
    "0_userdata.0.jarvis.system.cssThemes.21_jarvisStateListItemBody": {},
    "0_userdata.0.jarvis.system.cssThemes.22_jarvisJsonTable": {
      "background-color": "#303030 !important"
    },
    "0_userdata.0.jarvis.system.cssThemes.23_rowItemsCenterqCardSectionVert": {
      "background-color": "#303030"
    },
    "0_userdata.0.jarvis.system.cssThemes.24_qCardActioinsHorizRowJustifyEnd": {
      "background-color": "#303030"
    },
    "0_userdata.0.jarvis.system.cssThemes.25_jarvisPageContainerScroll": {},
    "0_userdata.0.jarvis.system.cssThemes.26_jarvisPageContainerTextArea": {},
    "0_userdata.0.jarvis.system.cssThemes.27_qSliderThumb": {},
    "0_userdata.0.jarvis.system.cssThemes.28_notificationDrawerButton": {
      "display": "none !important"
    },
    "0_userdata.0.jarvis.system.cssThemes.29_jarvisDateTimeClock": {},
    "0_userdata.0.jarvis.system.cssThemes.30_qToggleThumb": {},
    "0_userdata.0.jarvis.system.cssThemes.31_jarvisSidebarItem": {},
    "0_userdata.0.jarvis.system.cssThemes.32_jarvisPage": {},
    "0_userdata.0.jarvis.system.cssThemes.33_jarvisIconPath": {},
    "0_userdata.0.jarvis.system.cssThemes.34_qSliderqSliderTrack": {},
    "0_userdata.0.jarvis.system.cssThemes.50_mediaColorCover": {
      "background-color": "transparent !important"
    },
    "0_userdata.0.jarvis.system.cssThemes.51_mediaControls": {
      "background": "transparent !important"
    },
    "0_userdata.0.jarvis.system.cssThemes.52_mediaTrackInformation": {
      "background": "rgba(25, 118, 210, 0) !important"
    },
    "0_userdata.0.jarvis.system.cssThemes.53_mediaTrackDuration": {
      "background": "white"
    },
    "0_userdata.0.jarvis.system.cssThemes.54_mediaTrackProgress": {
      "background": "blue"
    },
    "0_userdata.0.jarvis.system.cssThemes.55_mediaControlsJarvisIconSvg": {
      "color": "white"
    },
    "0_userdata.0.jarvis.system.cssThemes.56_mediaControlsControlsLeftQbtnwrapper": {
      "background": "transparent !important"
    },
    "0_userdata.0.jarvis.system.cssThemes.57_mediaControlsQbtngroupQbtnitem": {
      "background": "transparent !important"
    },
    "0_userdata.0.jarvis.system.cssThemes.colorPrimary": "#1976d2",
    "0_userdata.0.jarvis.system.cssThemes.colorSecondary": "#26a69a",
    "0_userdata.0.jarvis.system.cssThemes.colorAccent": "#9c27b0",
    "0_userdata.0.jarvis.system.cssThemes.darkMode": true
  }
]

[MCU]

@dominik-f Ok Und configChoose? Was steht da drin? Klick mal drauf.

[Dominik F.]

@mcu

da ist normal und transparent zur Auswahl

[MCU]

@dominik-f Dann das auswählen wie oben beschrieben und dann das andere was oben schon steht.
Willst die du die auf die Button legen?

[SevenUp]

@mcu sagte in jarvis v3.0.0 - just another remarkable vis:

https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/module/statehtml/videostream/alternativer-stream
https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/module/statehtml/videostream

Ich nutze für meinen 3D Drucker die SW octoprint. Dort kann auch eine Webcam eingebunden werden. Der Stream wird direkt im octoprint Fenster angezeigt werden, kann aber auch über die Adresse
http://192.168.xx.xx/webcam/?action=stream
aufgerufen werden.

Spoiler

Nun versuche ich den Stream in Jarvis einzubinden und habe es mit den oben zitierten Anleitung probiert. Leider ohne Erfolg (kein Bild).

VLC kann den Link/Stream öffnen und zeigt mir an, dass es ein MJPG Format ist.
Wie mich das weiterbringen soll, weiß ich aber nicht... :-)

Hat evtl. jemand ein ähnliches Vorhaben bereits umgesetzt oder hat erstmal weitere Tipps?

EDIT: man sollte nicht zu schnell aufgeben und auch alle Lösungsvorschläge durchprobieren :-) Das war die Lösung, sowohl für Webstream der Kamera, als auch für die Anzeige des Thumbnails des Druckjobs:
https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/beispiele/module/html-dp-objektids/bilder-aus-dp-anzeigen

[MCU]

@sevenup Als iFrame einbinden?

[Dominik F.]

@mcu

Ich verstehe gerade nicht was sich jetzt verändert hat?
Das was ich auswähle wird nicht in ThemeConfig geschrieben.

Auf die Button legen hat funktioniert, die Theme verändern sich.
Du hast in deiner Doku geschrieben, dass man sich Theme abspeichern kann und ich versuche gerade ein abgespeichert Theme wieder aufzurufen.

[MCU]

@dominik-f Du hast Recht, da scheint noch was zu klemmen. Die Funktion ist nicht aktiv. Ich schau mal . Melde mich.

[Dominik F.]

@mcu

Vielleicht hilft es dir ja beim Suchen, das zweite Theme, transparent, lässt sich auf deine Weise auswählen, nur das erste, normal, nicht

[uwe72]

@MCU

Wäre es irgendwie möglich über binding den Schalter oben rechts "auszugrauen" oder sichtbar/unsichtbar zu schalten?

Aktuell habe ich die ganze Zeile auf unsichtbar, schöner wäre es wenn nur der Switch betroffen wäre.

Ich weiß, ihr erklärt mich für verrückt, aber wenn man den Schalter schnell hin und her schaltet kommt es zu Problemen, da die Datenpunkte vom Umschalten durch den Adapter noch nicht verarbeitet wurden. Von dem her könnte ich warten bis der Adpater die Bestätigungen schickt und dann den Switch wieder aktivieren.

[MCU]

@uwe72 Du kannst ja den Hintergrund verändern, aber nicht eine einzelne Komponente aus dem Body.

[MCU]

@dominik-f Das ist ja schon das aktive. Nee die Funktion gibt es noch gar nicht im Programm. Ich dachte sie wäre drin.

[Dominik F.]

@mcu

Okay, kannst du mir kurz sagen, was bereits aktiv ist?

Also zwischen 2 Themes wechseln funktioniert, das hab ich hinbekommen.

[MCU]

@dominik-f @sigi234 Doku aktualisieren. Bitte das Programm neu laden aus der Doku. Und mit der alten Programmversion austauschen, drüberkopieren. Sonst ist alles aktiv, hoffe ich.

[Dominik F.]

@mcu

Es hat sich bei mir nichts verändert

[MCU]

@dominik-f Die Doku zickt mal ein wenig rum, da musst du eine andere Seite aktualisieren und dann wieder auf die Seite gehen.
Muss so aussehen

[Dominik F.]

@mcu

Jetzt gehts, super

[Dominik F.]

@mcu

Wenn ich ein Theme geladen und verändert habe, wie aktualisiere ich das dann?