Hier wieder mal eine neue Version.Ich habe wieder einige Animationen hinterlegt und habe mich auf die Standart und Material Widgets beschränkt.

Video Vorschau

Home

Beleuchtung

Heizung

Wetter

Media (noch in Arbeit)

System

Kraftstoff

Systemlogs

Tagesschau in 100 Sek.

Download
grey.zip

CSS Code

@import url("https://fonts.googleapis.com/css?family=DM+Sans:400,500,700&display=swap");


/* vis-view */


.vis-view {
   font-family: 'DM Sans', sans-serif;
   background: #1f1d2b;
   color:#fff;
   transition: 0.2s;
   overflow: hidden;
 display: flex;
}


.btn {
 border-radius: 20px;
 background: #1f2937;
 box-shadow:  6px 6px 12px #141a23,
            -6px -6px 12px #2a384b;
 color:rgba(255,255,255,.8);
}


.btnin {
border-radius: 20px;
background: #1f2937;
box-shadow: inset 4px 4px 9px #19212d,
           inset -4px -4px 9px #253141;
 color:rgba(255,255,255,.8);
}



.modulgreen {
 border-radius: 20px;
 background-color: rgba(149, 236, 192, 0.8);
 color: #4A4A4A;
 box-shadow: 0 2px 6px 0 rgba(136, 148, 171, 0.2), 0 24px 20px -24px rgba(71, 82, 107, 0.1);
}
.modulred {
 border-radius: 20px;
 background-color: rgba(239, 176, 185, 0.8);
 color: #4A4A4A;
 box-shadow: inset 4px 4px 9px #19212d,
           inset -4px -4px 9px #253141;
}

.bggreen {
 border-radius: 25px;
 background-color: green;
}

.bgred {
 border-radius: 25px;
 background-color: red;
}


.icon {
 box-shadow: none;
 background-color: #1f2937;
 color:rgba(255,255,255,.8);
}

/*RGB Animation*/


.rgb-glow {
   border-radius: 100px;
   box-shadow: -1px -1px 3px rgba(255, 255, 255, 0.1), 2px 2px 6px rgba(0, 0, 0, 0.8), inset -2px -2px 10px rgba(255, 255, 255, 0.05), inset 2px 2px 10px rgba(0, 0, 0, 0.5);
   animation: lightsbg 5s 750ms linear infinite;
}

@keyframes lightsbg {
   0% {
       color: hsl(230, 40%, 80%);
       box-shadow: 0 0 1em hsla(320, 100%, 50%, 0.2), 0 0 0.125em hsla(320, 100%, 60%, 0.3), -1em -0.125em 0.5em hsla(40, 100%, 60%, 0), 1em 0.125em 0.5em hsla(200, 100%, 60%, 0);
   }
   30% {
       color: hsl(230, 80%, 90%);
       box-shadow: 0 0 1em hsla(320, 100%, 50%, 0.5), 0 0 0.125em hsla(320, 100%, 60%, 0.5), -0.5em -0.125em 0.25em hsla(40, 100%, 60%, 0.2), 0.5em 0.125em 0.25em hsla(200, 100%, 60%, 0.4);
   }
   40% {
       color: hsl(230, 100%, 95%);
       box-shadow: 0 0 1em hsla(320, 100%, 50%, 0.5), 0 0 0.125em hsla(320, 100%, 90%, 0.5), -0.25em -0.125em 0.125em hsla(40, 100%, 60%, 0.2), 0.25em 0.125em 0.125em hsla(200, 100%, 60%, 0.4);
   }
   70% {
       color: hsl(230, 80%, 90%);
       box-shadow: 0 0 1em hsla(320, 100%, 50%, 0.5), 0 0 0.125em hsla(320, 100%, 60%, 0.5), 0.5em -0.125em 0.25em hsla(40, 100%, 60%, 0.2), -0.5em 0.125em 0.25em hsla(200, 100%, 60%, 0.4);
   }
   100% {
       color: hsl(230, 40%, 80%);
       box-shadow: 0 0 1em hsla(320, 100%, 50%, 0.2), 0 0 0.125em hsla(320, 100%, 60%, 0.3), 1em -0.125em 0.5em hsla(40, 100%, 60%, 0), -1em 0.125em 0.5em hsla(200, 100%, 60%, 0);
   }
}


/*Text Animation*/

.glow-text {
   margin: auto;
   font-size: 25px;
   font-weight: 300;
   animation: lights 5s 750ms linear infinite;
}

@keyframes lights {
   0% {
       color: hsl(230, 40%, 80%);
       text-shadow: 0 0 1em hsla(320, 100%, 50%, 0.2), 0 0 0.125em hsla(320, 100%, 60%, 0.3), -1em -0.125em 0.5em hsla(40, 100%, 60%, 0), 1em 0.125em 0.5em hsla(200, 100%, 60%, 0);
   }
   30% {
       color: hsl(230, 80%, 90%);
       text-shadow: 0 0 1em hsla(320, 100%, 50%, 0.5), 0 0 0.125em hsla(320, 100%, 60%, 0.5), -0.5em -0.125em 0.25em hsla(40, 100%, 60%, 0.2), 0.5em 0.125em 0.25em hsla(200, 100%, 60%, 0.4);
   }
   40% {
       color: hsl(230, 100%, 95%);
       text-shadow: 0 0 1em hsla(320, 100%, 50%, 0.5), 0 0 0.125em hsla(320, 100%, 90%, 0.5), -0.25em -0.125em 0.125em hsla(40, 100%, 60%, 0.2), 0.25em 0.125em 0.125em hsla(200, 100%, 60%, 0.4);
   }
   70% {
       color: hsl(230, 80%, 90%);
       text-shadow: 0 0 1em hsla(320, 100%, 50%, 0.5), 0 0 0.125em hsla(320, 100%, 60%, 0.5), 0.5em -0.125em 0.25em hsla(40, 100%, 60%, 0.2), -0.5em 0.125em 0.25em hsla(200, 100%, 60%, 0.4);
   }
   100% {
       color: hsl(230, 40%, 80%);
       text-shadow: 0 0 1em hsla(320, 100%, 50%, 0.2), 0 0 0.125em hsla(320, 100%, 60%, 0.3), 1em -0.125em 0.5em hsla(40, 100%, 60%, 0), -1em 0.125em 0.5em hsla(200, 100%, 60%, 0);
   }
}


.bgglow {
   border-radius:25px;
   background: aqua;
   box-shadow: inset 0 30px 10px 6px rgba(0, 0, 0, 0.3), inset 0 -4px 4px 4px rgba(0, 0, 0, 0.1);
   animation: colormorph 8s linear infinite;
}

@keyframes colormorph {
   0% {
       background: aqua;
       box-shadow: inset 0 30px 10px 6px rgba(0, 0, 0, 0.3), inset 0 -4px 4px 4px rgba(0, 0, 0, 0.1);
   }
   25% {
       background: #F1FF98;
       box-shadow: inset 0 20px 10px 6px rgba(0, 0, 0, 0.3), inset 0 -4px 4px 4px rgba(0, 0, 0, 0.1);
   }
   50% {
       background: #98FFA4;
       box-shadow: inset 0 30px 10px 6px rgba(0, 0, 0, 0.3), inset 0 -4px 4px 4px rgba(0, 0, 0, 0.1);
   }
   75% {
       background: #FF98FD;
       box-shadow: inset 0 20px 10px 6px rgba(0, 0, 0, 0.3), inset 0 -4px 4px 4px rgba(0, 0, 0, 0.1);
   }
   100% {
       background: aqua;
       box-shadow: inset 0 30px 10px 6px rgba(0, 0, 0, 0.3), inset 0 -4px 4px 4px rgba(0, 0, 0, 0.1);
   }
}

Nachdem viele im Facebook gefragt haben ob ich meine VIS teilen könnte,hab ich alles mal gepackt und hier hochgeladen.Die Uhr und der Newsreader laufen im Iframe auf einer extra Seite die in der ZIP dabei sind.

Download<<<
2021-10-28-main.zip

Mir war langweilig.

Wieder mal ein kleines Update

Glass3.zip

Es geht voran

Wie in Facebook versprochen hier das CSS Trainings für alle.

Part 1

Video mit den Animationen

CSS Code

/*Import der google Schriftart Lato*/

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;700&display=swap');

/*Import der google Schriftart Lato_end*/


/*eigener Hintergrund*/
.vis-view {
    background: #29323C;
    color: #ffffff;
    font-family: "Lato", sans-serif;
}


.input {
    font-size: 16px;
    border-radius: 8px;
    border: 1px solid #b5d4ff;
    color: white;
    outline-color: #236eb9;
}


/*container*/

.container_radius10px {
    color: white;
    border-radius: 10px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.11), 0 2px 2px rgba(0, 0, 0, 0.11), 0 4px 4px rgba(0, 0, 0, 0.11), 0 6px 8px rgba(0, 0, 0, 0.11), 0 8px 16px rgba(0, 0, 0, 0.11), 0 -6px 8px rgba(255, 255, 255, 0.11), 0 -8px 16px rgba(255, 255, 255, 0.11);
    border: 0.5px solid #29323C;
}

.container_radius30px {
    color: white;
    border-radius: 30px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.11), 0 2px 2px rgba(0, 0, 0, 0.11), 0 4px 4px rgba(0, 0, 0, 0.11), 0 6px 8px rgba(0, 0, 0, 0.11), 0 8px 16px rgba(0, 0, 0, 0.11), 0 -6px 8px rgba(255, 255, 255, 0.11), 0 -8px 16px rgba(255, 255, 255, 0.11);
    border: 0.5px solid #29323C;
}

.container_radius60px {
    color: white;
    border-radius: 60px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.11), 0 2px 2px rgba(0, 0, 0, 0.11), 0 4px 4px rgba(0, 0, 0, 0.11), 0 6px 8px rgba(0, 0, 0, 0.11), 0 8px 16px rgba(0, 0, 0, 0.11), 0 -6px 8px rgba(255, 255, 255, 0.11), 0 -8px 16px rgba(255, 255, 255, 0.11);
    border: 0.5px solid #29323C;
}


.container_radius100 {
    color: white;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.11), 0 2px 2px rgba(0, 0, 0, 0.11), 0 4px 4px rgba(0, 0, 0, 0.11), 0 6px 8px rgba(0, 0, 0, 0.11), 0 8px 16px rgba(0, 0, 0, 0.11), 0 -6px 8px rgba(255, 255, 255, 0.11), 0 -8px 16px rgba(255, 255, 255, 0.11);
    border: 0.5px solid #29323C;
}

.container_gradient {
    background-image: linear-gradient(270deg, #485563 0%, #29323C 100%);
    border-radius: 10px;
    border: 0.5px solid #29323C;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.11), 0 2px 2px rgba(0, 0, 0, 0.11), 0 4px 4px rgba(0, 0, 0, 0.11), 0 6px 8px rgba(0, 0, 0, 0.11), 0 8px 16px rgba(0, 0, 0, 0.11), 0 -6px 8px rgba(255, 255, 255, 0.11), 0 -8px 16px rgba(255, 255, 255, 0.11);
}

/*container_end*/

/*custom-radio*/

.custom-radio {
    text-align: center;
    border-radius: 100px;
    border: none;
    box-shadow:
        -1px -1px 3px rgba(255, 255, 255, 0.1),
        2px 2px 6px rgba(0, 0, 0, 0.8),
        inset -2px -2px 10px rgba(255, 255, 255, 0.05),
        inset 2px 2px 10px rgba(0, 0, 0, 0.5);
}


.custom-radio-glow {
    border-radius: 100px;
    box-shadow:
        -1px -1px 3px rgba(255, 255, 255, 0.1),
        2px 2px 6px rgba(0, 0, 0, 0.8),
        inset -2px -2px 10px rgba(255, 255, 255, 0.05),
        inset 2px 2px 10px rgba(0, 0, 0, 0.5);
    animation: lightsbg 5s 750ms linear infinite;
}

@keyframes lightsbg {
    0% {
        color: hsl(230, 40%, 80%);
        box-shadow:
            0 0 1em hsla(320, 100%, 50%, 0.2),
            0 0 0.125em hsla(320, 100%, 60%, 0.3),
            -1em -0.125em 0.5em hsla(40, 100%, 60%, 0),
            1em 0.125em 0.5em hsla(200, 100%, 60%, 0);
    }

    30% {
        color: hsl(230, 80%, 90%);
        box-shadow:
            0 0 1em hsla(320, 100%, 50%, 0.5),
            0 0 0.125em hsla(320, 100%, 60%, 0.5),
            -0.5em -0.125em 0.25em hsla(40, 100%, 60%, 0.2),
            0.5em 0.125em 0.25em hsla(200, 100%, 60%, 0.4);
    }

    40% {
        color: hsl(230, 100%, 95%);
        box-shadow:
            0 0 1em hsla(320, 100%, 50%, 0.5),
            0 0 0.125em hsla(320, 100%, 90%, 0.5),
            -0.25em -0.125em 0.125em hsla(40, 100%, 60%, 0.2),
            0.25em 0.125em 0.125em hsla(200, 100%, 60%, 0.4);
    }

    70% {
        color: hsl(230, 80%, 90%);
        box-shadow:
            0 0 1em hsla(320, 100%, 50%, 0.5),
            0 0 0.125em hsla(320, 100%, 60%, 0.5),
            0.5em -0.125em 0.25em hsla(40, 100%, 60%, 0.2),
            -0.5em 0.125em 0.25em hsla(200, 100%, 60%, 0.4);
    }

    100% {
        color: hsl(230, 40%, 80%);
        box-shadow:
            0 0 1em hsla(320, 100%, 50%, 0.2),
            0 0 0.125em hsla(320, 100%, 60%, 0.3),
            1em -0.125em 0.5em hsla(40, 100%, 60%, 0),
            -1em 0.125em 0.5em hsla(200, 100%, 60%, 0);
    }
}

.custom-radio_radius30px {
    text-align: center;
    border-radius: 30px;
    box-shadow:
        -1px -1px 3px rgba(255, 255, 255, 0.1),
        2px 2px 6px rgba(0, 0, 0, 0.8),
        inset -2px -2px 10px rgba(255, 255, 255, 0.05),
        inset 2px 2px 10px rgba(0, 0, 0, 0.5);
}


.custom-radio__fortschritt {
    text-align: center;
    border-radius: 30px;
    box-shadow: inset -1px -1px 3px rgba(255, 255, 255, 0.1), inset 2px 2px 6px rgba(0, 0, 0, 0.8);
    box-shadow: inset 9px 9px 29px #151a1f,
        inset -9px -9px 29px #3d4a59;
}

/*custom-radio_end*/

/*alexa*/

.alexa {
    border-radius: 50%;
    background: #29323C;
    border: 2px solid #29323C;
    box-shadow:
        -1px -1px 3px rgba(255, 255, 255, 0.1),
        2px 2px 6px rgba(0, 0, 0, 0.8),
        inset -2px -2px 10px rgba(255, 255, 255, 0.05),
        inset 2px 2px 10px rgba(0, 0, 0, 0.5);
}

.alexaspan {
    border-radius: 50%;
    background-image: linear-gradient(-225deg,
            #021B79 0%,
            #4286f4 50%,
            #0575E6 100%);

    filter: blur(10px);
    z-index: -1;
    animation: animate 1.5s linear infinite;
}

@keyframes animate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*alexa_end*/

Projekt zum importieren
2022-01-13-main.zip

Gesamtansicht

Mediaplayer Startseite

Mediaplayer Playlist

Wie in Facebook versprochen hier meine neue VIS.

Diese Datenpunke müssen angelegt werden damit das Mediaplayermenü und die Unterseiten der Beleuchtung funktionieren.

CSS

/*Import Schriftarten*/

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&display=swap");

/********************/


/*vis-view*/
/*mit # ausgeklammerte werden nicht geladen*/


.vis-view {
 font-family:  "Inter", sans-serif;
 background: radial-gradient(
    circle at 50% 100%,
    #eb2d76,
    #eb2d76 30%,
    #487ed2 70%
  );
 color: #ebeae5;
}

#.vis-view {
    font-family:  "Inter", sans-serif;
    background-image: url("/vis.0/TheDarkness/3.jpg");
  color: #ebeae5;
}



/********************/

/********************/
/****Glas****/
 
 .glass-panel {
  color: #fff;
  background-color: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.1);
  width: 100%;
  border-radius: 15px;
  backdrop-filter: blur(10px);
}
 
 .glass-button {
   border: 0;
   border-radius: 15px;
   background-color: rgba(255,255,255,0.1);
   border: 1px solid rgba(255,255,255,0.1);
   backdrop-filter: blur(30px);
   color: rgba(255,255,255,0.8);
 }

 .glass-button:hover {
   background-color: rgba(255,255,255,0.2);
 }
 
.glass-button2 {
  color: #fff;
  background-color: rgba(255,255,255,0.06);
  border: 0.5px solid rgba(255,255,255,0.1);
  width: 100%;
  border-radius: 15px;
  backdrop-filter: blur(10px);
  cursor: pointer;
  text-align: center;
  font-size: 12px;
  padding:2px;
  line-height: 1.8em;
}

.glassled {
  background-color: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 15px;
  backdrop-filter: blur(10px);
}
 
/********************/
/****Glas End****/
 
 
/********************/
/****Fontstyle****/
 
 
.is-active {
   color: #1aa385;
  }
  
 .is-cancel {
   color: #d14b69;
  }
  
  .is-wait {
  color: #3E4EC2;
 }
 
 .title {
  font-size: 12px;
  font-weight: 500;
 }
 
 .subtitle {
  font-size: 13px;
  line-height: 1.6em;
 }
 
 .degree {
 font-size: 13px;
 color: #818394;
 font-weight: 500;
}

.insetshadow {
    color: #ebeae5;
    letter-spacing: .1em;
    text-shadow: 
      -1px -1px 1px #111, 
      2px 2px 1px #363636;
  }
  
 
/********************/
/****Fontstyle End****/


.circle {
 border: 2px solid #5b5f78;
 border-radius: 50%;
 box-shadow : 0px 5px 5px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.5) inset;
 font-size: 20px;
}

/********************/
/****Time BG****/


.time {
  font-size: 30px;
  line-height: 1.3em;
  background-color: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.1);
  width: 100%;
  border-radius: 15px;
 }
 
 .datum {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
 }

/********************/
/****Time BG End****/

/********************/
/****modul BG****/

.modulbgtop{
 background: rgb(20, 24, 52);
 background: radial-gradient(circle,rgba(20, 24, 52, 1) 0%,rgba(19, 22, 47, 1)100%);
 box-shadow : 0px 5px 5px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.5) inset;
 box-shadow: 0 5px 18px #0e0e23;
 border-radius: 20px 20px 0px 0px;
 border-width: 0.1px;
 border-style: solid;
  border-color: rgba(255,255,255,.425);
 }

.modulbgbottom{
 background: rgb(20, 24, 52);
 background: radial-gradient(circle,rgba(20, 24, 52, 1) 0%,rgba(19, 22, 47, 1) 100%);
 box-shadow: 0 16px 12px #0e0e23;
 border-radius: 0px 0px 20px 20px;
 box-shadow : 0px 5px 5px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.5) inset;
  border-width: 0.1px;
  border-style: solid;
  border-color: rgba(255,255,255,.425);
 }
 
.facemodul {
  border-radius: 20px;
  box-shadow: 0 15px 35px rgba(0,0,0,.5);
  filter: blur(0.2px);
  border-width: 0.1px;
  border-style: solid;
  border-color: rgba(255,255,255,.425);
}

 /********************/
/****modul BG End****/



/********************/
/****Sonos Player****/

.bgbottom{
   background: rgb(20, 24, 52);
   background: radial-gradient(circle,rgba(20, 24, 52, 1) 0%,rgba(19, 22, 47, 1) 100%
 );
    box-shadow: 0 16px 12px #0e0e23;
    border-radius: 0px 0px 20px 20px;
    box-shadow : 0px 5px 5px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.5) inset;
    border-width: 0.1px;
    border-style: solid;
    border-color: rgba(255,255,255,.425);
 }
 
 
.facemediaplayer {
    width: 250px;
    height: 485px;
    border-radius: 20px;
    box-shadow: 0 15px 35px rgba(0,0,0,.5);
    background-color: rgba(255,255,255,.05);
    filter: blur(0.2px);
    border-width: 0.1px;
    border-style: solid;
    border-color: rgba(255,255,255,.425);
}

.volslider {
    padding-right:30px;
    padding-left:30px;
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	border: 0;
	border-radius: 10px;
	box-sizing: border-box;
	background-color: rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	outline: none;
}

.progressslider {
  border-width: 0.1px;
  border-style: solid;
  border-color: rgba(255,255,255,.425);
  
 }
 
 .controlbtn {
 border-width: 0.1px;
 border-style: solid;
 border-color: rgba(255,255,255,.425);
 border-radius: 50%;
 box-shadow : 0px 5px 5px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.5) inset;
}

.cover {
 border-radius: 100%;
 box-shadow : 0px 5px 5px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.5) inset;
}


.cover2 {
 opacity: 0.08;
 border-radius: 6px;
}
 
 /********************/
/****Sonos Player End****/
 

Download

2022-01-01-TheDarkness.zip

@xanon

@nashra said in Einfach mal zeigen will….. - Teil 3:

Moin @Enrico-Fischer
würdest Du die View bitte hier reinsetzen.

Wenn ich die Feinheiten angepasst haben mache ich wieder einen Demo View für alle.

Für alle die Fragen zum Thema CSS beim Mirror haben,hier mal ein Link.Ich hab vor geraumer Zeit auch mit dem Mirror beschäftigt und die Arbeiten hochgeladen. https://forum.magicmirror.builders/topic/13108/css-experiments-for-newbies

@langer kleiner Optischer Tip. wenn du die Hintergrund farbe gleich machst mit der Hintergrundfarbe der Schalter hast du nicht mehr so gebroche Kanten am Schatten der Schalter

Schau dir mal das Video von Mathias an.Sehr gut erklärt und der Script läuft bei mir ohne Probleme

ioBroker mit OctoPrint verknüpfen - inkl. Blockly-Beispiele | haus-automatisierung.com [4K]

@horst-böttcher said in Einfach mal zeigen will….. - Teil 3:

@enrico-fischer was nutzt du für Hardware in deinen aqarium würde mich intressieren

Sind einfache Funksteckdosen.

Es geht voran

@ro75 said in Einfach mal zeigen will….. - Teil 3:

Ihr braucht eine neue Waschmaschine

@nashra said in Einfach mal zeigen will….. - Teil 3:

Moin @Enrico-Fischer
würdest Du die View bitte hier reinsetzen.

Wenn ich die Feinheiten angepasst haben mache ich wieder einen Demo View für alle.

Mir war langweilig.

@zwillbrocki Eigendlich sollte der css Style Kram automatisch beim importieren in den CSS einstellungen in der Vis landen.Du kannst es aber auch händisch einfügen

Der Radar ist eigendlich nur ein Iframe
Hier der Link zum einstellen und unten wird dann der html code generiert
https://gadgets.buienradar.nl/gadget/zoommap#

Und die Spritpreise laufen über influx.

@apollon77

2022-11-26 20:39:19.597 - error: web.0 (1697) Cannot find search "chart" in "system"

Das ist alles was an Fehlermeldungen kommt sobald ich die VIS starte

@apollon77 bin gerade auf der Suche