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

[riedlchamp]

@mcm1957 Hallo,

Es handelt sich um eine VIS-2 v2.9.64
web.0 Version 6.3.0
Es ist noch eine Leere Seite. Habe einfach von der linken Seite von Basic einen Border hineingezogen.
Dieser ist dann wie am Bild nicht deckungsgleich zur Anzeige.
CSS Daten sind alle Leer nichts hinterlegt.

Nachtrag:
Passiert bei allen Objekten die unter Basic sind.
Die was im Reiter unter Gestylt sind funktionieren alle ohne Probleme.

[OliverIO]

@riedlchamp

An deinem Bild hat mich zunächst verwirrt, das unten der Rahmen ist und oben das widget.
Aber das müssen 2 sein?
Meine Versuche waren ok.
gut die Initialwerte sind nicht so ganz optimal, aber nach ein wenig einstellen sieht das gut aus.
Der Titel liegt direkt auf der Linie, daher sollte man auch eine background color einstellen, so das die Linie nicht durch den Text geht, sondern da ein Hintergrundkasten die Linie direkt hinter dem Text ausblendet.
Ich verwende ein dunkles Theme

Alternativ kann man die Positionierung des Titels mit den Reglern ebenfalls anpassen.

mit eingeblendeter widgetbezeichnung

Das border widget soll das hier nachstellen, was aber heute nicht mehr so ganz auffällt.
bspw aus einem dialog fenster in word

[riedlchamp]

@oliverio

Hallo,

Sry für die späte Antwort war etwas unterwegs.
Genau das ist mein Problem.
Das ist nur ein Widget und der Rahmen ist verschoben.....
Was mir aber mittlerweile aufgefallen ist, wenn ich im Explorer rein oder Rauszoome passt es mal besser und mal schlechter.
Das ganze passiert aber nur mit den Basic Widgets, die Gestylt'en funktionieren so oder so...

Verstehe nicht ganz woran das liegen könnte.

Mfg Philipp

[OliverIO]

@oliverio said in Probleme in VIS-2 (Basic Kacheln):

@riedlchamp
bitte einen export des widgets + die angaben von @mcm1957
ich vermute mal du hast eigene css werte im reiter css eingetragen
oder ein anderer adapter bringt da was blödes mit, was diese formatierung auslöst.
eine liste der verwendeten adapter wäre auch gut

[riedlchamp]

@oliverio
Hier mal das Widget, einfach per Drag and Drop reingezogen.

[
  {
    "tpl": "tplFrame",
    "data": {
      "bindings": [],
      "title": "'Title'",
      "g_common": true,
      "title_color": "black",
      "title_top": "-10",
      "title_left": "15",
      "header_height": "0",
      "header_color": "black"
    },
    "style": {
      "bindings": [],
      "left": "758.897705078125px",
      "top": "216.90908813476562px"
    },
    "widgetSet": "basic",
    "_id": "i000001"
  }
]

vis-2.0 --> v2.9.64
vis-2-widgets-energy.0 --> v0.3.11
vis-2-widgets-gauges.0 --> v1.0.3
vis-2-widgets-inventwo.0 --> v0.1.5
vis-2-widgets-material.0 --> v1.3.32

Benötigst du noch weitere Infos ?

[riedlchamp]

@riedlchamp

Hier noch alle Adapter:

Admin
6.17.14

BackItUp
2.11.0

Gerätesuche
4.5.0

Rtsp Stream
0.0.4

WEB-Server
6.3.0

euSec
1.2.1

Sonoff
3.1.0

iCal Kalender
1.15.0

Müllabfuhr-Zeitplan
3.3.0

aWATTar
1.0.6

Huawei sun2000 Wechselrichter
0.11.0

Adapter für Homeconnect-Geräte
1.4.1

Shelly
7.0.0

Siemens Simatic S7
1.4.3

WOLF heizt über ISM8i
1.7.0

Cloud IoT-Verbindung
3.3.0

Cloud-Verbindung
5.0.1

Einfache RESTful API
2.8.0

socket. io
6.7.0

Web socket
2.6.1

Skriptausführung
8.3.1

HEOS
2.2.1

MQTT Broker/Client
5.2.0

Visualisierung Next Generation
2.9.64

Ultimate icon set for visualisation as PNG
1.0.1

jQuery-UI-Stil Widgets
1.1.1

Vis 2 inventwo Widgets
0.1.5

Vis 2 Widgets Energy
0.3.11

Vis 2 Widgets Gauge
1.0.3

Vis 2 Widgets Material
1.3.32

[OliverIO]

@riedlchamp

habe bei mir importiert.
sieht immer noch gut aus.
hast du was im css-reiter von vis-2 stehen?
bitte bei dem dropdown beide einstellungen (dieses projekt, alle projekte) über prüfen.

[riedlchamp]

@oliverio
Leider nein, diese Felder sind beide Leer....
Habe schon alles durchgesehen.

[OliverIO]

@riedlchamp

oder in html widgets irgendwelche css anweisungen?

ansonsten wirds schwierig.
hab die gleiche version installiert und das widget importiert.
bei mir alles gut

leider kann man ein ganzes projekt nicht im und exportieren.
man müstte nun mit den webdeveloper tools im browser (F12) schauen, warum
die beiden elemente verschoben sind.
der editierahmen ist ein separates html objekt
wenn das widget die id w000006 hat, dann hat der editierrahmen die id rx_w000006
wenn das html element selektiert ist, kann man in der css ansicht schauen welche werte gerade wirken

bei beiden ids sollten dann top,height, width,heigth identisch sein.

[riedlchamp]

@oliverio
Es sieht schon im Editor zur Live Ansicht im Explorer ganz anders aus ^^

Ansicht im Editor

Ansicht im Live

[riedlchamp]

Hat evtl noch jemand eine Vermutung an was das liegen könnte ? :)

[OliverIO]

@riedlchamp

Ich hatte Kanonen geschrieben was du machen sollst.

[riedlchamp]

@oliverio
Ist das ein User vom Forum ?,
Sry für die blöde Frage :)

Lg Philipp

[sigi234]

@riedlchamp sagte in Probleme in VIS-2 (Basic Kacheln):

Hat evtl noch jemand eine Vermutung an was das liegen könnte ? :)

Auch bei mir getestet, alles Ok.

Zeig mal die Einstellungen von CSS Allgemein

[OliverIO]

@riedlchamp
Wer soll ein User vom Forum sein?

Habe gesehen, das die rechtschreibkorrektur vom Handy aus „oben“ dann „Kanonen“ gemacht hat.

[riedlchamp]

@sigi234 Hi,

da steht leider auch nichts spektakuläres drinnen :)

[riedlchamp]

Was mir noch komisch auffällt ist wenn ich im Browser die Größe ändere (Zoom)

50%

80 %

125 %

Die Buttons Skalieren normal mit aber nicht mein Basic Widgets

[riedlchamp]

@oliverio

Fehler gefunden...

Weiß zwar nicht was dieses bewirkt und warum das nur auf die Basic Widgets wirkt aber wenn ich denn hacken rausmache passt alles perfekt.....

[OliverIO]

@riedlchamp

und welches widget ist das?

[riedlchamp]

@oliverio

Das ist kein Widget, das ist die Seite selbst wenn ich auf den Hintergrund drücke.

Wäre mit Begrenzen zwar schöner da es immer richtig Skaliert,... aber mann kann nicht alles haben ;)