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

[Buchi]

@liv-in-sky sagte in Test Widget vis-owl v0.2.x GitHub:

@buchi

wäre es möglich, wenn die tabelle leer ist - also keine bestellungen da sind - anstatt ein leeres widget , etwas mittig - evtl ein bild zum auswählen mit einem text - zu integrieren

Das ist kein Problem. Müsste man mal überlegen wie das aussehen soll.
Die Widgets sind sicherlich unterschiedlich groß, also wie / wo das Bild tatsächlich anzeigen? Wie groß?
Text mit dazu? Wo positionieren?

Das technische ist dabei das geringste Problem :)

[Chaot]

@buchi Ich habe da eine Fehlermeldung.
Die ist mir vorher nie aufgefallen weil ich nie darauf geachtet habe:

$ iobroker url https://github.com/gerbuchner/ioBroker.vis-owl --host ioBroker

install gerbuchner/ioBroker.vis-owl#6129986fef19edc2a9753fbe856ee403d1616d44

NPM version: 6.14.16Installing gerbuchner/ioBroker.vis-owl#6129986fef19edc2a9753fbe856ee403d1616d44... (System call)

+ iobroker.vis-owl@0.2.8updated 1 package in 51.085s

147 packages are looking for funding run `npm fund` for details

INFO: Directory "/opt/iobroker/node_modules/iobroker.vis-owl/admin" was not found! Nothing was uploaded or deleted.

INFO: Directory "/opt/iobroker/node_modules/iobroker.vis-owl/www" was not found! Nothing was uploaded or deleted.

Adapter "system.adapter.vis.0" restarted.

Process exited with code 0

In welche zwei Ordner will er da installieren?

[liv-in-sky]

@buchi

irgendwie so:

aber du kannst auch anstatt nichts eine tabelle anzeigen mit einem eintrag (so wie einen normalen eintrag wie z.b von amazon - vorne ein bild und im text keine sendungen

bin da für alles offen

[Buchi]

@chaot sagte in Test Widget vis-owl v0.2.x GitHub:

@buchi Ich habe da eine Fehlermeldung.
Die ist mir vorher nie aufgefallen weil ich nie darauf geachtet habe:

INFO: Directory "/opt/iobroker/node_modules/iobroker.vis-owl/admin" was not found! Nothing was uploaded or deleted.

INFO: Directory "/opt/iobroker/node_modules/iobroker.vis-owl/www" was not found! Nothing was uploaded or deleted.

Kann ignoriert werden. Ich schau mal das ich die Meldung weg bekomme.

[Buchi]

@liv-in-sky sagte in Test Widget vis-owl v0.2.x GitHub:

@buchi

irgendwie so:

Ist eingebaut ;)

[liv-in-sky]

@buchi merci

[Chaot]

@buchi ... mit Freitext!
An die gute Arbeit könnte ich mich gewöhnen :clap:

[Buchi]

@chaot sagte in Test Widget vis-owl v0.2.x GitHub:

@buchi ... mit Freitext!

Naja, ich wollte das nicht fest hinterlegen. Stell Dir vor ich schreib da "Schatzi, wir müssen was bestellen" rein :joy_cat:

[Damrak2022]

@buchi Hallo zusammen, ich habe ein Problem mit dem owl Widget. Sobald ich das Widget auf die View ziehe ist es verschwunden. Ich habe die neueste Version benutzerdefiniert installiert. Das Problem besteht bei allen Browsern. Hat jemand eine Idee, dran das liegen könnte?

[Buchi]

@damrak2022
Hmmm, das klingt komisch.

• Um welches Widget geht es?
• Das Widget selbst siehst Du in der Übersicht der Widgets?
• Ist es eine bestehende View oder eine neue?

[Damrak2022]

@buchi es ist das owl Widget für Parcel. Das Problem besteht auf einer neuen View genauso wie auf einer bestehenden. Ich habe mit @liv-in-sky schon rumprobiert, aber leider erfolglos. Löschen und Neuinstallation hat nicht geholfen.

[DJMarc75]

@damrak2022 said in Test Widget vis-owl v0.2.x GitHub:

Hat jemand eine Idee, dran das liegen könnte?

Bei mir neulich das Selbe. Es hatte sich die VIS "verschluckt" gehabt.
Habe die VIS Instanz neu gestartet und es ging wieder.
Aber wenn Du schon das Widget neu installiert hast dann wird es DAS wohl nicht sein.
Ich würde mal ein Reboot vom System machen wenn nicht schon geschehen.

EDIT: hast Du u.U. ein grosses Widget mit hohem z-index welches sich quasi immer in den Vordergrund schiebt ?

[Damrak2022]

@djmarc75 Ich weiß nicht was der Grund war, aber heute morgen hatte ich das Widget zigfach in meiner View.
Nun habe ich aber festgestellt das das Widget dargestellt wird, als wäre es doppelt, wenn ich mir die zugestellten Sendungen anzeigen lasse.

Wenn ich die zugestellten Sendung nicht anzeigen lasse, sieht es normal aus, allerdings ist dann die Überschrift verschwunden:

[Buchi]

@damrak2022
Ist das nur im Editor so oder auch in der Runtime?

Das die Überschrift nicht angezeigt wird wenn es keine Sendungen gibt ist byDesign so.

[DJMarc75]

@damrak2022 said in Test Widget vis-owl v0.2.x GitHub:

Nun habe ich aber festgestellt das das Widget dargestellt wird, als wäre es doppelt, wenn ich mir die zugestellten Sendungen anzeigen lasse.

Das ist so wenn Du ohne CSS arbeitest. Weiter oben hat @Buchi einige CSS gepostet.

[Damrak2022]

@djmarc75 Sorry, das wird mein allererster Kontakt mit CSS
Deswegen habe ich keinen Plan, wo ich das genau finde und was ich da eintragen muss. Ich habe mr die oben stehenden Posts angeschaut, nur leider bin ch dadurch kein Stück schlauer geworden. Es wäre also super, wenn Du mir erklärst was ich genau machen muss.

[DJMarc75]

@damrak2022 said in Test Widget vis-owl v0.2.x GitHub:

Es wäre also super, wenn Du mir erklärst was ich genau machen muss.

Puh, glaub da bin ich der Falsche dafür. Ich fummel mich da auch erst seit ein paar Tagen rein, aber im ersten Post hier sind 2 Links - einmal ein kleines WIKI für CSS und eine Tauschbörse für CSS.
Einfach mal antesten.

[Buchi]

@sigi234 sagte in owl - Tauschbörse für CSS Klassen:

@buchi

Hallo, wie bekomme ich den Hintergrund transparent?

opacity ist das Zauberwort. Ich finde w3school ist eine sehr gute Anlaufstelle für einfache Erklärungen zu HTML, CSS usw. https://www.w3schools.com/css/css_image_transparency.asp

[Buchi]

@damrak2022 sagte in Test Widget vis-owl v0.2.x GitHub:

@djmarc75 Sorry, das wird mein allererster Kontakt mit CSS
Deswegen habe ich keinen Plan, wo ich das genau finde und was ich da eintragen muss. Ich habe mr die oben stehenden Posts angeschaut, nur leider bin ch dadurch kein Stück schlauer geworden. Es wäre also super, wenn Du mir erklärst was ich genau machen muss.

Wie @DJMarc75 schon vorgeschlagen hat. Nimm Dir aus der Tauschbörse ein CSS und binde das in Dein Projekt (Einstellungen - CSS - Projekt) ein. Dann schau Dir die einzelnen Sachen an und spiele mit den Einstellungen. Das ist alles nicht schwer denn vieles ist selbsterklärend. top, left sind Abstände, width, height die Größe, color ist die Farbe usw. Wenn Du dann etwas nicht verstehst, schau mal bei https://www.w3schools.com/css/default.asp, die erklären das super an einfachen Beispielen. Falls dann immer noch was unklar ist, dann nochmal eine konkrete Frage stellen. Dir kann sicher geholfen werden ;)

[Damrak2022]

@buchi Danke, ich schaue mir die Seite an und habe sie in den Lesezeichen gespeichert