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

[Damrak2022]

Sorry Leute das ich schon wieder neu poste, aber ich hab schon eine Mail an info@iobroker.net geschrieben, da bei mir immer ein "Forbldden" erscheint, wenn ich auf einen Post antworten möchte.

So, nun zu meiner Frage: Ich habe meinen Raumplan mit Sweethome 3d erstellt und möchte den gerne in VIS hochladen. Wie wandle ich die .sh3d um, sodass ich Sie in VIS importieren kann.
Ich möchte auch nicht 100 Bilder anlegen für die verschiedenen Zustände. Mir würde es reichen, wenn ich meine Wohnung als Bild hochladen kann. Wenn ich auf Image doppelklicke erscheint das Fenster Wizards um "Widgets zu erzeugen". Was muss ich denn hier eintragen?
Kann ich dann auf diesem Bild mir die bereits eingezeichneten Lampen auch schalten, oder geht das sowieso nicht.

[mickym]

@damrak2022 Du erstellst ein Foto aus Deinen Sweet3dHome in der gewünschten Auflösung. Das ist dann eine png Datei, die Du dann in einem Image Widget in vis verwenden kannst.

[Damrak2022]

@mickym
Okay danke das werde ich dann jetzt mal versuchen.
Kannst Du mir auch noch bei ein paar weiteren Fragen behilflich sein?

Ich habe mir die Vorlage von Machs-smart.de runtergeladen und diese auch erfolgreich in VIS eingebunden.
Nur schaffe ich es nicht auch nur ein einziges Widget so zu konfigurieren, das mir etwas angezeigt wird.
Bei dem Wetter Widget habe ich die URL unter Instanzen/dasWetter angepasst aber mir wird nichts angezeigt
Das gleiche bei dem ical Plugin. Ich habe denKalender in de iCloud auf öffentlich gesetzt und bei der Url das "webcal" durch "http" ersetzt, so wie es auf
machs-smart.de beschrieben ist. Aber auch hier wird mir nichts angezeigt.
Irgendetwas mache ich hier anscheinend grundsätzlich falsch. Könntest Du mir bitte etwas Starthilfe geben? Das wäre echt super, denn ich habe mittlerweile scho ein Stunden probiert, komme aber nicht weiter.

[mickym]

@damrak2022 Ich würde Dir ja gerne helfen, aber ich bin jetzt nicht so der vis Spezialist. Gerade bei speziellen Widgets ist es oft so, dass die eben nur unter bestimmten Voraussetzungen funktionieren.

Was in jedem Fall für jemand der da tiefer drin steckt helfen kann, ist, wenn Du das widget mal exportierst, dann kann jemand anders das importieren und ggf. das Problem nachvollziehen oder bei sich installieren.

Am Besten nimmst Du das Auge und versteckst dann den Code, wenn Du das hier postest.

Gerade die Seite, die Du gepostet hast - hat ja viele Beispiele, aber ich hab zum Beispiel noch nie mit dem iot Adapter gearbeitet etc.

[Damrak2022]

@mickym
ok, wenn ich allerdings auf Image klicke, wo habe ich denn dann die Möglichkeit mein Bild hochzuladen? Und beim Doppelklick auf Kmage kommt ein Fenster „Wizzard tocreate Images“
Da weiß ich garnicht weiter

[mickym]

@damrak2022 sagte in Ein paar Frage zur Visualisierung:

@mickym
ok, wenn ich allerdings auf Image klicke, wo habe ich denn dann die Möglichkeit mein Bild hochzuladen? Und beim Doppelklick auf Kmage kommt ein Fenster „Wizzard tocreate Images“
Da weiß ich garnicht weiter

Um eine Datei hochzuladen gehst Du im vis auf Deinen Dateimanager:

Dort klickst Du auf Upload (Datei hochladen)

Es öffnet sich im Browser ein Fenster:

Da ziehst Du einfach alle Dateien rein, die Du hochladen möchtest und dann klickst auf Upload und dann sind sie in dem Verzeichnis.

dort kannst Du sie dann in Deinen Widgets referenzieren über den Pfad.

[Damrak2022]

@mickym

Guten Morgen, das .png habe ich nun über den Dateimanager hochgeladen. Allerdings frage ich mich wie ich das nun in meinen View, Wochen ich angelegt habe reinbekomme. Wenn ich auf View importieren gehe, bekomme ich folgenden Fehler angezeigt:

Invalid JSON SyntaxError: JSON Parse error: Unrecognized token '/'

Versuche ich es über ein Widget zu importieren bekomme ich exakt den gleichen Fehler.
Ich bräuchte mal eine zusammenhängende Anleitung für das VIS. Wo alles für Anfänger von A-Z haarklein erklärt wird. Kennst Du da eine Seite, oder ein Ebook?

[Adnim]

@damrak2022

du hast ein Image widget genommen und dann rechts oben bei quelle dein bild eingetragen?

[Feuersturm]

@damrak2022 sagte in Ein paar Frage zur Visualisierung:

Ich bräuchte mal eine zusammenhängende Anleitung für das VIS. Wo alles für Anfänger von A-Z haarklein erklärt wird. Kennst Du da eine Seite, oder ein Ebook?

Eine offizielle Doku kenne ich zu Vis nicht. Vielleicht ist das hier den erster Einstieg für dich https://www.smarthome-tricks.de/software-iobroker/iobroker-vis-einfuehrung/amp/
Ansonsten hilft nur sich durch das Forum durchzuwühlen und hier zu fragen oder google anwerfen ob es noch weitere Anleitungen zu Vis gibt.

[Damrak2022]

@feuersturm Hallo, dank einer Anleitung, welche ich bei YouTube gefunden habe, bin ich nun ein Stück weiter.
Ich habe nun schonmal mit dem Widget Slider Tabs die Tabs für meine vorhandenen Räume erstellt. De Adapter von "Das Wetter" habe ich ebenfalls installiert und dort die URL eingetragen, welche ich bei Das Wetter generiert habe. Nun habe ich aber gesehen das es das dazugehörige Wetter Widget anscheinend nicht mehr gibt und frage mich nun wie ich also Das Wetter einbinden kann.
Auf jeden Fall vielen Dank für die geduldige Hilfe, welche ich hier bekomme.

[sigi234]

@damrak2022 sagte in Ein paar Frage zur Visualisierung:

Nun habe ich aber gesehen das es das dazugehörige Wetter Widget anscheinend nicht mehr gibt und frage mich nun wie ich also Das Wetter einbinden kann.

https://forum.iobroker.net/topic/28717/vis-von-sigi234?_=1643692342399

VIEW Wetter

[Damrak2022]

@sigi234 Mein Gott sieht das super aus. Da bin ich ja noch Lichtjahre von entfernt. Aber es macht definitiv Lust auf mehr.

[Damrak2022]

@damrak2022 Kannst Du mir noch kurz auf die Sprünge helfen. Ich habe Wetter View runtergeladen. Mit welchem Editor sollte ich das auf Mac öffnen und wie geht es dann weiter?

Wenn ich das einmal begriffen habe, wird es wahrscheinlich auch für zukünftige Dinge eine bißchen klarer.

Besten Dank im voraus.

[sigi234]

@damrak2022 sagte in Ein paar Frage zur Visualisierung:

@damrak2022 Kannst Du mir noch kurz auf die Sprünge helfen. Ich habe Wetter View runtergeladen. Mit welchem Editor sollte ich das auf Mac öffnen und wie geht es dann weiter?

Wenn ich das einmal begriffen habe, wird es wahrscheinlich auch für zukünftige Dinge eine bißchen klarer.

Besten Dank im voraus.

Bei 3. den Inhalt der Txt Datei reinkopieren

Hinweis:

Für das Inventwo Design sind 2 Adapter nötig:

ioBroker.vis-icontwo
ioBroker.vis-inventwo

Wenn mal was nicht funktioniert:

• Die entsprechenden Adapter/Widgets/Icons sind nicht installiert
• Datenpunkt nicht gesetzt oder falsch
• Bindings werden erst in der Runtime sichtbar
• Z-Index verstellt
• Leerzeichen/Sonderzeichen im View/Projekt Name
• Skripte nicht installiert
• Häufig hilft ein Neustart des Systems
• Einen Browser refresh machen
• Auf der Console mal : iobroker stop vis - iobroker upload vis - iobroker start vis

[Damrak2022]

@sigi234
Hallo sigi234, die beiden benötigten Adapter habe ich zuerst installiert. Danach bin ich Deiner Anleitung gefolgt und bekomme folgenden Fehler - siehe Screenshot
Was muss ich tun um diesen Fehler zu beseitigen?

er Fehler bleibt auch bestehen nachdem ich die Konsolenbefehle abgearbeitet habe.

[sigi234]

@damrak2022

Ok, ich teste es mal bei mir. Import funktioniert einwandfrei bei mir.

[Damrak2022]

@sigi234 Was soll ich Dir posten, damit Du bitte mal einen Blick darauf werfen kannst?

[sigi234]

@damrak2022 sagte in Ein paar Frage zur Visualisierung:

@sigi234 Was soll ich Dir posten, damit Du bitte mal einen Blick darauf werfen kannst?

Runterladen:

Rechtsklick auf Link --> speichern unter --> mit vernünftigem Editor öffnen (zB Notepad++)

Meisten ist es ein copy paste fehler

[Damrak2022]

@sigi234 Habe ich gemacht, Als Editor habe ich mir "Brackets" für den ac runtergeladen. Was muss ich dann im Editor anpassen? Das ist nämlich das wo ich noch viel lernen muss.
Der Code zeigt mir 15354 Zeilen an

[sigi234]

@damrak2022 sagte in Ein paar Frage zur Visualisierung:

@sigi234 Habe ich gemacht, Als Editor habe ich mir "Brackets" für den ac runtergeladen. Was muss ich dann im Editor anpassen? Das ist nämlich das wo ich noch viel lernen muss.
Der Code zeigt mir 15354 Zeilen an

Bei mir 17943