Monatsrückblick Januar/Februar 2026 ist online!

[Negalein]

@martin:

Was genau hast du jetzt gemacht damit es funktioniert?

Genau da hänge ich nämlich auch fest. `

1.) in der View gehst du oben rechts auf CSS und dort Projekt auswählen. Dann fügst folgendes ein

2.) das Widget (also den Balken mit dem Farbverlauf) anklicken und rechts unter CSS folgendes einfügen:

So hat es bei mir funktioniert. Bis auf den weißen Rand, den ich nicht wegbekomme.

[sigi234]

@Negalein:

@martin:

Bis auf den weißen Rand, den ich nicht wegbekomme. `

Antwort habe ich dir als Bild gesendet…......

viewtopic.php?f=20&t=5912&start=480#p220275 `

[Negalein]

@sigi234:

Antwort habe ich dir als Bild gesendet…......

viewtopic.php?f=20&t=5912&start=480#p220275 `

Danke

[martin]

Danke, jetzt sieht es schon besser aus.
4531_zwischenablage01.jpg

[Negalein]

@martin:

Danke, jetzt sieht es schon besser aus. `

Kein Problem!

Ich bin auch noch am Anfang von IoBroker!

Aber mkt der super Hilfe der anderen User (Sigi & Co.) lernt man schnell dazu.

[StM47]

@martin:

Die hier meine ich `

Hier bitte schön:

[Creator]

> So hat es bei mir funktioniert. Bis auf den weißen Rand, den ich nicht wegbekomme.

Das CSS was du benutzt ist ja für das ganzes Layout aus dem Link. Das dann noch global eingebunden überschreibt es das eine oder andere.

Ich habe das für mich auf das nötigste gekürzt. Es bezieht sich nur noch auf den Bargraph:

/* -----
   bargraph
   ----- */

.mdui-h-flip  { transform: scaleX(-1); }
.mdui-v-flip  { transform: scaleY(-1); }
.mdui-h-flip.mdui-v-flip  { transform: scale(-1); }

/* Hintergrund und Border */
.mdui-h-bargraph,
.mdui-v-bargraph {
  background-position: -1000px !important;
  background-repeat: no-repeat !important;
  box-shadow:0 0 0 1000px rgba(255,255,255,0.1) inset;
  border:none !important;
}

.mdui-h-bargraph>*,
.mdui-v-bargraph>* {
  background-image:inherit !important;
}

.mdui-h-bargraph:after,
.mdui-v-bargraph:after {
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background-image:inherit !important;
  opacity:0.1;
}

.mdui-h-bargraph.mdui-segment-10 {
    clip-path: polygon(
       0% 100%,  0% 0%,  9% 0%,  9% 100%,
      10% 100%, 10% 0%, 19% 0%, 19% 100%,
      20% 100%, 20% 0%, 29% 0%, 29% 100%,
      30% 100%, 30% 0%, 39% 0%, 39% 100%,
      40% 100%, 40% 0%, 49% 0%, 49% 100%,
      50% 100%, 50% 0%, 59% 0%, 59% 100%,
      60% 100%, 60% 0%, 69% 0%, 69% 100%,
      70% 100%, 70% 0%, 79% 0%, 79% 100%,
      80% 100%, 80% 0%, 89% 0%, 89% 100%,
      90% 100%, 90% 0%, 100% 0%, 100% 100%
    ) ;
}

.mdui-h-bargraph.mdui-triangle  {
    clip-path: polygon(0% 40%, 100% 0%, 100% 100%, 0% 60%);
}
.mdui-h-bargraph.mdui-ramp  {
    clip-path: polygon(0% 80%, 100% 0%, 100% 100%, 0% 100%);
}

.mdui-h-bargraph.mdui-segment-10.mdui-ramp {
    clip-path: polygon(
       9% 100%,  9% 71%,  0% 80%,  0% 100%,
      19% 100%, 19% 63%, 10% 72%, 10% 100%,
      29% 100%, 29% 55%, 20% 64%, 20% 100%,
      39% 100%, 39% 47%, 30% 56%, 30% 100%,
      49% 100%, 49% 39%, 40% 48%, 40% 100%,
      59% 100%, 59% 31%, 50% 40%, 50% 100%,
      69% 100%, 69% 23%, 60% 32%, 60% 100%,
      79% 100%, 79% 15%, 70% 24%, 70% 100%,
      89% 100%, 89%  7%, 80% 16%, 80% 100%,
     100% 100%,100%  0%, 90%  8%, 90% 100%
    );
}
.mdui-h-bargraph.mdui-segment-10.mdui-triangle {
    clip-path: polygon(
       9% 37%,  9% 63%,  0% 60%,  0% 40%,
      19% 33%, 19% 67%, 10% 64%, 10% 36%,
      29% 29%, 29% 71%, 20% 68%, 20% 32%,
      39% 25%, 39% 75%, 30% 72%, 30% 28%,
      49% 21%, 49% 79%, 40% 76%, 40% 24%,
      59% 17%, 59% 83%, 50% 80%, 50% 20%,
      69% 13%, 69% 87%, 60% 84%, 60% 16%,
      79%  9%, 79% 91%, 70% 88%, 70% 12%,
      89%  5%, 89% 95%, 80% 92%, 80% 8%,
      100% 0%, 100% 100%, 90% 96%, 90% 4%
    );
}

.mdui-v-bargraph.mdui-segment-10 {
    clip-path: polygon(
     100%  0%, 0%  0%, 0%  9%,100%  9% ,
     100% 10%, 0% 10%, 0% 19%,100% 19% ,
     100% 20%, 0% 20%, 0% 29%,100% 29% ,
     100% 30%, 0% 30%, 0% 39%,100% 39% ,
     100% 40%, 0% 40%, 0% 49%,100% 49% ,
     100% 50%, 0% 50%, 0% 59%,100% 59% ,
     100% 60%, 0% 60%, 0% 69%,100% 69% ,
     100% 70%, 0% 70%, 0% 79%,100% 79% ,
     100% 80%, 0% 80%, 0% 89%,100% 89% ,
     100% 90%, 0% 90%, 0% 100%,100% 100%
    ) ;
}

.mdui-v-bargraph.mdui-triangle  {
    clip-path: polygon(60% 0%, 100% 100%, 0% 100%, 40% 0%);
}
.mdui-v-bargraph.mdui-ramp  {
    clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 80% 0%);
}

.mdui-v-bargraph.mdui-segment-10.mdui-ramp {
    clip-path: polygon(
    100%   9%, 71%  9%, 80%  0%, 100%  0%,
    100%  19%, 63% 19%, 72% 10%, 100% 10%,
    100%  29%, 55% 29%, 64% 20%, 100% 20%,
    100%  39%, 47% 39%, 56% 30%, 100% 30%,
    100%  49%, 39% 49%, 48% 40%, 100% 40%,
    100%  59%, 31% 59%, 40% 50%, 100% 50%,
    100%  69%, 23% 69%, 32% 60%, 100% 60%,
    100%  79%, 15% 79%, 24% 70%, 100% 70%,
    100%  89%,  7% 89%, 16% 80%, 100% 80%,
    100% 100%, 0% 100%,  8% 90%, 100% 90%
    );
}
.mdui-v-bargraph.mdui-segment-10.mdui-triangle {
    clip-path: polygon(
     37%   9%, 63%  9%, 60%  0%, 40%  0%,
     33%  19%, 67% 19%, 64% 10%, 36% 10%,
     29%  29%, 71% 29%, 68% 20%, 32% 20%,
     25%  39%, 75% 39%, 72% 30%, 28% 30%,
     21%  49%, 79% 49%, 76% 40%, 24% 40%,
     17%  59%, 83% 59%, 80% 50%, 20% 50%,
     13%  69%, 87% 69%, 84% 60%, 16% 60%,
      9%  79%, 91% 79%, 88% 70%, 12% 70%,
      5%  89%, 95% 89%, 92% 80%,  8% 80%,
      0% 100%,100% 100%,96% 90%,  4% 90%
    );
}

Das reicht mir aus, da ich wie gesagt das Layout nicht brauche. Keine weißen Ränder oder so vorhanden.

Ob du das Global oder nur für dein Widget einbaust ist deine Sache.

Ich bin mir nicht 100% sicher aber ich glaube es braucht keine Zeile JS Code zu diesem Bargraph.

Ich konnte zumindest kein Event in der JS Datei finden und es klappt auch ohne auf den ersten Blick kann mich aber auch täuschen…

Nur das CSS da oben kein JS:

[Negalein]

@Creator:

Ob du das Global oder nur für dein Widget einbaust ist deine Sache. `

Danke!

Ich habs zuerst nur im Widget versucht. Da hat es nicht funktioniert!

Erst als ich es im View und Widget machte, funktionierte es.

Komisch!

Aber ich werde dein CSS auch versuchen. Nur allein im Widget!

Danke

[martin]

Welches ist denn der richtige Schalter Eintrag für "Temperatur aktuell"?

Ich finde da irgendwie nichts passendes.

[sigi234]

daswetter.0.NextHours.Location_1.Day_1.current.temp_value

[wendy2702]

Oder der eventuell eigene lokale Aussensensor wenn vorhanden.

Gesendet von iPhone mit Tapatalk Pro

[martin]

Ich habe jetzt mal meinen Xiaomi Außensensor eingebunden.

Wie und wo kann ich es einstellen, dass er die Nachkomma-Stellen nicht mit anzeigt?
4531_balkon.jpg

[Zippolighter]

In dem Du die Zahl änderst auf das Widget Basic Number. In dem Widget kannst dann definieren ob und wieviel Nachkommastellen

[martin]

Vielen Dank euch allen für die tolle Hilfe.

So sieht meine fertige View jetzt aus.
4531_zwischenablage01.jpg

[Rene_HM]

@Jack01:

Moin,

auch ich möchte mich für die tollen Anregungen und Downloads bei allen bedanken.

Ich habe mich auch gefragt, was die Datenpunkte "value" und "value2" beim Adapter "das Wetter" bedeuten. Eine Antwort habe ich nach dem Einloggen auf daswetter.com unter Hilfe gefunden.

Ich habe hier den entsprechenden Hinweis einmal angehängt. Vielleicht hilft das ja dem Einen oder Anderen.

Gruß

Hans-Jürgen `

Das pdf liegt übrigens auch im Adapter im Verzeichnis /doc… Ich denke, ich baue mal einen link aus dem Admin dahin ein..

[Rene_HM]

@sigi234:

daswetter.0.NextHours.Location_1.Day_1.current.temp_value
```` `  

Bitte beachtet den Hinweis in der Info bzgl. current:

` > "current" in NextHours_Day1:

DasWetter.com does not deliver real current weather values

but sometimes it's helpfull to have the forecast of current hour available

so we added "current" which is just a copy of related forecast hour values

please make sure you call the adapter at least one time per hour to make sure "current" is updated well

see also github feature request issue24 `

[mrniceguy]

Ich habe bisher meine Wetterdaten mit Wounderground bezogen und habe jetzt auf das Wetter umgestellt.

Mir ist aufgefallen, dass auch nach dem Sonnenuntergang immer ein Symbol mit einer Sonne verwendet wird. Beim Wunderground Adapter wurde nach dem Sonnenuntergang bei z.B. klarem Himmel ein Mond angezeigt oder bei z.B. bewölktem Himmel ein Icon mit einem Mond und Wolken davor.

Gibt es diese Möglichkeit hier auch ? Sieht irgendwie komisch aus, wenn Nachts als Symbol eine strahlende Sonne angezeigt wird.

[andihome]

Hallo Leute,

Ich bin am verzweifeln und würde mich über Ratschläge freuen.

Bei mir aktualisieren sich die Wetterdaten nicht in der VIS.

Den richtigen State im Objekt habe ich ausgewählt, im Iobroker zeigt es auch immer die richtigen Werte an aber es wird nicht in die Vis übertragen.

Dasselbe Problem habe ich beim Tankstellenwidget mit Tankerkönig Adapter.

Die Datenpunkte ändern sich da nur in der Vis wenn ich die Instanz Tankerkönig im Iobroker neu starte bzw. aktualisiere.

Werte werden in der Instanz alle 10min. aktualisiert.

Habe erst angefangen mit dem IoBroker /Alexa / Sonoff usw. und weiss einfach nicht wo der Fehler ist.

[dondaik]

um die änderungen zu sehen darfst du nicht im editor sein sonderen in der runtime - ansicht

[andihome]

Ja das weiss ich.Egal ob auf dem Tablett, Handy oder Laptop, in der Runtime bleiben die Werte fest.