Hallo liebes Forum,
ich erstelle gerade mit dem OPC Seiten wie "Startseite" oder "Über". Leider kenn ich mich mit CSS und Programmieren nicht so besonders aus, daher bitte ich um Verständnis, falls ich mich etwas laienhaft ausdrücke.
Ziel ist es ein Seiten-Layout mit mehreren Kacheln zu gestalten. Links Box/Kachel mit Text und rechts Box/Kachel mit einem Bild.
Darunter umgekehrt: links Bild rechts Text
Hier zum Verständnis:
Mein bisheriger Aufbau:
Container
Grid mit 2 Spalten
pro Spalte je ein Grid: 1x mit Header + Rich Text, 1x mit Bild
-> Hier die Nebenfrage, ob ich überhaupt in den Spalten nochmal ein Grid benötige?
Natürlich muss das Ganze auch responsive sein.
Und hier fangen dann leider die Probleme an: Das Bild passt sich perfekt an. Es ist immer quadratisch und passt sich an die Größe proportional an.
Leider klappt das beim Text gar nicht, da die Größe des Rich Texts nicht fixiert ist. Die "Box" mit dem Text ist z.B. länger / kürzer wie die "Box" mit dem Bild.
Ziel wäre, dass sich die "Box" mit dem Text genauso von der Größe verhält wie die "Box" mit dem Bild.
Hier ist das Problem ersichtlich:
(Mir ist bewusst, dass hier natürlich auch zu viel Text ist, was das Ganze noch verstärkt.)
Meine Frage also: Kann man für das Portlet Rich Text eine fixe Größe festlegen?
Geht es dann, dass der Text sich immer an die Größe der festen "Box" anpasst, indem zum Beispiel die Seitenränder (unter Layout) automatisch angepasst werden.
Ich konnte bisher nur die Seitenränder für alle Bildschirmgrößen einstellen. Einzeln einstellen geht leider nicht. Bzw. habe ich es nicht herausgefunden. Daher wäre auch die Frage, ob man die Layouteinstellungen (z.B. Seitenränder) für jede Bildschirmgröße (wie XS, SM, MD und LG) einzeln und unterschiedlich einstellen kann?
Und ist es dann auch möglich, dass der Text und die Überschrift immer mittig in dieser "Box" sind?
Also nicht wie hier in der "Fullwide-Ansicht":
Zur Info:
Bei schmalen Bildschirmen wie XS und SM werden die Kacheln dann untereinander dargestellt. Dies passt auch eigentlich soweit. Es wäre allerdings schön, wenn auch hier die "Text-Box" genauso hoch ist wie die "Bild-Box".
Siehe hier:
Gibt es eine Lösung für mein Problem? Oder habt ihr eine Idee wie man so ein Kachel-Design responsive-tauglich umsetzt?
Wenn ja, geht das überhaupt mit den voreingestellten Portlets?
Ich hoffe ihr konntet mir folgen und meine Fragen verstehen.
Vielen Dank schon jetzt für eure Hilfe!
Viele Grüße
Nadia
ich erstelle gerade mit dem OPC Seiten wie "Startseite" oder "Über". Leider kenn ich mich mit CSS und Programmieren nicht so besonders aus, daher bitte ich um Verständnis, falls ich mich etwas laienhaft ausdrücke.
Ziel ist es ein Seiten-Layout mit mehreren Kacheln zu gestalten. Links Box/Kachel mit Text und rechts Box/Kachel mit einem Bild.
Darunter umgekehrt: links Bild rechts Text
Hier zum Verständnis:
Mein bisheriger Aufbau:
Container
Grid mit 2 Spalten
pro Spalte je ein Grid: 1x mit Header + Rich Text, 1x mit Bild
-> Hier die Nebenfrage, ob ich überhaupt in den Spalten nochmal ein Grid benötige?
Natürlich muss das Ganze auch responsive sein.
Und hier fangen dann leider die Probleme an: Das Bild passt sich perfekt an. Es ist immer quadratisch und passt sich an die Größe proportional an.
Leider klappt das beim Text gar nicht, da die Größe des Rich Texts nicht fixiert ist. Die "Box" mit dem Text ist z.B. länger / kürzer wie die "Box" mit dem Bild.
Ziel wäre, dass sich die "Box" mit dem Text genauso von der Größe verhält wie die "Box" mit dem Bild.
Hier ist das Problem ersichtlich:
(Mir ist bewusst, dass hier natürlich auch zu viel Text ist, was das Ganze noch verstärkt.)
Meine Frage also: Kann man für das Portlet Rich Text eine fixe Größe festlegen?
Geht es dann, dass der Text sich immer an die Größe der festen "Box" anpasst, indem zum Beispiel die Seitenränder (unter Layout) automatisch angepasst werden.
Ich konnte bisher nur die Seitenränder für alle Bildschirmgrößen einstellen. Einzeln einstellen geht leider nicht. Bzw. habe ich es nicht herausgefunden. Daher wäre auch die Frage, ob man die Layouteinstellungen (z.B. Seitenränder) für jede Bildschirmgröße (wie XS, SM, MD und LG) einzeln und unterschiedlich einstellen kann?
Und ist es dann auch möglich, dass der Text und die Überschrift immer mittig in dieser "Box" sind?
Also nicht wie hier in der "Fullwide-Ansicht":
Zur Info:
Bei schmalen Bildschirmen wie XS und SM werden die Kacheln dann untereinander dargestellt. Dies passt auch eigentlich soweit. Es wäre allerdings schön, wenn auch hier die "Text-Box" genauso hoch ist wie die "Bild-Box".
Siehe hier:
Gibt es eine Lösung für mein Problem? Oder habt ihr eine Idee wie man so ein Kachel-Design responsive-tauglich umsetzt?
Wenn ja, geht das überhaupt mit den voreingestellten Portlets?
Ich hoffe ihr konntet mir folgen und meine Fragen verstehen.
Vielen Dank schon jetzt für eure Hilfe!
Viele Grüße
Nadia
