Seite 1 von 3

[V 3.2] [CV v0.12.0-RC5] Group Layout

Verfasst: Sa Feb 26, 2022 12:53 pm
von PeterB
Ich hab eine Group erstellt colspan 4 und rowspan 3

darin ist eine Group mit colspan 4 und rowspan 1
und noch
eine Group mit colspan 4 und rowspan 1

jetzt bleibt aber unten ein rand von einem halben rowspann

Wenn Ich bei der Hauptgruppe aber nur rowspan 2 einstelle wird Info nicht angezeigt wenn Ich rowspan 2.5 einstelle wird überhaupt nichts angezeigt und bei rowspan 3 bleibt unten was frei

was mach Ich da wider falsch?

rowspan 3
2022-02-26 (11).png

rowspan 2
2022-02-26 (12).png
rowspan 2.5
2022-02-26 (13).png

Re: [V 3.2] [CV v0.12.0-RC5] Group Layout

Verfasst: Sa Feb 26, 2022 1:11 pm
von peuter
Gegenfrage: Was willst Du denn erreichen? Ich würde als Tipp erstmal alle rowspans weglassen. Die braucht man i.d.R. nicht. Die Group nimmt automatisch die Höhe seines Inhalts an, falls es das ist was Du möchtest.

Re: [V 3.2] [CV v0.12.0-RC5] Group Layout

Verfasst: Sa Feb 26, 2022 1:33 pm
von PeterB
Weil es ohne so aussieht
2022-02-26 (14).png

Re: [V 3.2] [CV v0.12.0-RC5] Group Layout

Verfasst: Sa Feb 26, 2022 1:43 pm
von peuter
1. Weiß ich immer noch nicht was Du erreichen möchtest und
2. ohne was?

Screenshots helfen hier nicht, da ich nicht sehen kann was Du eingestellt hast, ich sehe ja nur das Endergebnis. Der Manager hat auch einen Texteditor, da würde der Screenshot immerhin die nötigen Infos zum Ist-Zustand liefern. Dann müsste ich nur noch wissen wie der Soll-Zustand sein soll.

Re: [V 3.2] [CV v0.12.0-RC5] Group Layout

Verfasst: Sa Feb 26, 2022 2:08 pm
von PeterB
so wie am ersten Foto nur ohne den 0.5 row unten

dann noch eine Group mit Jalo zentral und eine für die Heizung und diese Groups dann in jedem Raum auf der Rechten Seite mit einem Abstand zueinander positionieren.

und links der Platz soll freibleiben für je nach Raum benötigten Elementen

Re: [V 3.2] [CV v0.12.0-RC5] Group Layout

Verfasst: Sa Feb 26, 2022 2:33 pm
von adimaster
Peter,

arbeite am besten erst mal nicht mit rowspans, sondern nur mit colspans.

Bei den colspans:
  • Group --> colspan 6
  • linker Button --> colspan 3
  • rechter Button --> colspan 3
  • Livestream/HIT --> colspan 6
Oder jeweils den doppelten Wert annehmen für die volle Breite.

Dann solltest Du das gewünschte Ergebnis erhalten.
Falls das nicht klappt, so könntest Du das xml-File oder den Ausschnitt des xml-Files vom Audio posten.
Dann gelingt die Hilfe leichter.

Re: [V 3.2] [CV v0.12.0-RC5] Group Layout

Verfasst: Sa Feb 26, 2022 2:34 pm
von peuter
Wie schon gesagt, dann lass die rowspans weg, dem letzten Screenshot nach zu urteilen hast Du die colspans auch gelöscht. Default-Colspan ist 6, wenn Du also in einer Group bist, die selbst eine colspan von 4 hat und da was reinpackst ohne colspan Angaben, dann hat das Ding die volle Breite der Group.
Vielleicht hilft hier auch die Doku beim Verständnis: https://www.cometvisu.org/CometVisu/de/ ... ayout.html , falls Du die nocht schon kennst.

Widgets nur rechts in links was frei funktioniert entweder nur absolut positioniert auf einer page von Typ "2d" oder wenn Du das in eine navbar mit position="right" packst.

Re: [V 3.2] [CV v0.12.0-RC5] Group Layout

Verfasst: Sa Feb 26, 2022 2:47 pm
von PeterB
Ja hast recht, hab Ich schlecht gelesen und auch colspan gelöscht.....Grrrrrrr

absolut positionieren wär mit x/y Parameter oder? was aber nur bei 2d Seiten geht?

wie erstelle ich eine 2d Seite bzw kann Ich eine bestehende Seite auf 2D umwandeln?

Re: [V 3.2] [CV v0.12.0-RC5] Group Layout

Verfasst: Sa Feb 26, 2022 2:57 pm
von peuter
Wenn Du die Checkbox mit den Namen "Expertenansicht" aktivierst (in der Toolbar direkt über der Baumansicht mit der Config-Struktur) und dann die Page editierst kannst Du den "type" ändern. Und ja x/y geht nur auf 2d Pages

Re: [V 3.2] [CV v0.12.0-RC5] Group Layout

Verfasst: Sa Feb 26, 2022 2:59 pm
von adimaster
PeterB hat geschrieben: Sa Feb 26, 2022 2:47 pm wie erstelle ich eine 2d Seite bzw kann Ich eine bestehende Seite auf 2D umwandeln?
Dupliziere hierzu am besten diese Demo
Bild

und schau Dir diese Layout-Bsp. an
Bild