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

[Dominik F.]

@mcu

das ist der Inhalt:

{
  "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
}

da müsste ja eigentlich "normal" dann drin stehen.

Was mir aufgefallen ist, ist das in ThemeArray beide Themes drin stehen. Ist das so richtig?

[sigi234]

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

configChoose die unterschiedlichen Varianten angezeigt.

Habe ich nicht?

[Dominik F.]

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

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

configChoose die unterschiedlichen Varianten angezeigt.

Habe ich nicht?

Dazu muss man einen Namen für die ConfigTheme festlegen in dem DP 0_userdata.0.jarvis.system.cssThemes.theme.themeName. Ohne Name wird keine Config gespeichert. Dann noch die Config im ThemeArray speichern und dann entsteht der Datenpunkt

[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