Spalten (Grid-Wrapper)
Elemente nebeneinander
Das Element „Grid-Wrapper“ stellt seine Unterelemente nebeneinander: jedes Unterelement eine Spalte. Im Menü „Elementtyp“ heißt es kurz „Grid“; Grid-Start, Grid-Trennung und Grid-Stop daneben sind die alten Elemente und werden nicht mehr verwendet. Welche Spaltenaufteilung gilt, wählt man im Feld „Grid“ – Breite der Spalten und wie viele nebeneinander stehen, je Bildschirmgröße.
Die Angaben im Rasternamen bedeuten: SM Telefon quer (ab 576 px), MD Tablet (ab 768 px), LG Notebook (ab 992 px), XL großer Bildschirm (ab 1200 px); die Zahl ist die Anzahl der Spalten nebeneinander. Auf dem Telefon stehen alle Spalten untereinander.
In eine Spalte gehört jedes Element – Text, Bild, Liste, Adresse, auch Boxen. Für Karten mit Bild und Button gibt es eigens die Bild- und Icon-Boxen; der Grid-Wrapper ordnet beliebige Elemente an.
Mehrere Elemente untereinander in einer Spalte brauchen eine Elementgruppe darum – Beispiel „Zwei Elemente in einer Spalte“ weiter unten.
„2 Spalten - 50/50 - SM:1 / MD:2 / LG:2 / XL:2“
Zwei gleich breite Spalten ab Tablet, darunter untereinander. Der Klassiker für zwei gleichwertige Inhalte.
Beratung
Wir beraten Sie von der ersten Skizze an und schlagen Werkstoff und Verfahren vor.
Gemeinsam klären wir, was Ihr Teil leisten muss – und was es kosten darf.
Fertigung
In unserer Werkstatt entstehen Einzelstücke, Prototypen und Serien – termintreu und in geprüfter Qualität.
„2 Spalten - 50/50 - … | Abstand“
Wie 50/50, aber ab großem Bildschirm mit mehr Luft zwischen den Spalten – angenehm, wenn Text neben einem Bild steht. Auf Tablet und Notebook noch untereinander bzw. normal.
Unsere Werkhalle
Seit über 25 Jahren fertigen wir Bauteile, Baugruppen und Sonderlösungen für Kunden aus Maschinenbau, Handwerk und Industrie. Was uns ausmacht, ist die Verbindung aus moderner Technik und echter Handarbeit: Jedes Teil geht durch die Hände erfahrener Fachkräfte, bevor es unser Haus verlässt.
Wir beraten Sie von der ersten Skizze an, schlagen Material und Verfahren vor und nennen Ihnen einen verbindlichen Termin.
„2 Spalten - 60/40“ und „2 Spalten - 40/60“
Ungleiche Spalten ab Notebook: Der Text bekommt mehr Platz, das Bild weniger – oder umgekehrt. Auf dem Tablet stehen beide noch halb und halb.
Laserschneiden
Seit über 25 Jahren fertigen wir Bauteile, Baugruppen und Sonderlösungen für Kunden aus Maschinenbau, Handwerk und Industrie. Was uns ausmacht, ist die Verbindung aus moderner Technik und echter Handarbeit: Jedes Teil geht durch die Hände erfahrener Fachkräfte, bevor es unser Haus verlässt.
Wir beraten Sie von der ersten Skizze an, schlagen Material und Verfahren vor und nennen Ihnen einen verbindlichen Termin.
Fräsen
Seit über 25 Jahren fertigen wir Bauteile, Baugruppen und Sonderlösungen für Kunden aus Maschinenbau, Handwerk und Industrie. Was uns ausmacht, ist die Verbindung aus moderner Technik und echter Handarbeit: Jedes Teil geht durch die Hände erfahrener Fachkräfte, bevor es unser Haus verlässt.
Wir beraten Sie von der ersten Skizze an, schlagen Material und Verfahren vor und nennen Ihnen einen verbindlichen Termin.
„3 Spalten - 33/33/33 - SM:1 / MD:2 / LG:3 / XL:3“
Drei Spalten ab Notebook, auf dem Tablet zwei (die dritte rutscht in eine neue Reihe), auf dem Telefon eine. Hier drei Text-Elemente mit Bild über dem Text.
Daneben gibt es „3 Spalten … MD:3“ (schon auf dem Tablet drei) und „… MD:1“ (auf dem Tablet noch untereinander).
„4 Spalten - gleiche Breite (SM:1 / MD:2 / LG:4 / XL:4)“
Vier Spalten ab Notebook, auf dem Tablet zwei mal zwei. Hier mit Hintergrund Hellgrau und Innenabstand aus dem Style Manager – so wirken die Spalten wie Kästen. Gleich hoch werden sie dabei nicht; dafür sind die Boxen da.
„… LG:2 / XL:4“ zeigt erst ab großem Bildschirm vier nebeneinander – besser bei längeren Texten.
Fräsen
CNC-Fräsen von Einzelteilen und Serien in Stahl, Edelstahl und Aluminium.
Lasern
Laserschneiden von Blechen bis 25 mm, sauber entgratet und auf Wunsch gekantet.
Schweißen
WIG- und MAG-Schweißen nach Zeichnung – vom Halter bis zum Gestell.
Montage
Lieferung, Einbau und Inbetriebnahme bei Ihnen vor Ort, mit Einweisung.
„2-Spalten - Seitenbereich rechts 8:4“
Hauptinhalt links, ein schmaler Seitenbereich rechts – ab Notebook; darunter steht der Seitenbereich unter dem Inhalt. „7:4“ lässt ab großem Bildschirm eine Spalte Luft dazwischen, „Seitenbereich links 4:8“ dreht die Seiten um.
Fertigung mit Erfahrung
Seit über 25 Jahren fertigen wir Bauteile, Baugruppen und Sonderlösungen für Kunden aus Maschinenbau, Handwerk und Industrie. Was uns ausmacht, ist die Verbindung aus moderner Technik und echter Handarbeit: Jedes Teil geht durch die Hände erfahrener Fachkräfte, bevor es unser Haus verlässt.
Wir beraten Sie von der ersten Skizze an, schlagen Material und Verfahren vor und nennen Ihnen einen verbindlichen Termin.
Ob Einzelstück oder Serie: Wir planen jeden Auftrag so, dass er pünktlich fertig wird – und sagen es Ihnen offen, wenn etwas länger dauert.
Zwei Elemente in einer Spalte: Elementgruppe
Der Grid-Wrapper macht aus jedem Unterelement eine Spalte. Sollen mehrere Elemente untereinander in einer Spalte stehen, kommt eine „Elementgruppe“ (Elementtyp, Gruppe „Verschiedenes“) als Unterelement in den Grid-Wrapper und die Elemente in die Gruppe. Für den Grid-Wrapper ist die Gruppe ein Unterelement – also eine Spalte.
So geht es: Beim Grid-Wrapper auf das Symbol „Kindelemente“ – das erste Kind ist der Text links, das zweite die Elementgruppe. Bei der Elementgruppe wieder „Kindelemente“: darin Text und Galerie, in der Reihenfolge von oben nach unten. Vorhandene Elemente holt man mit „Verschieben“ in die Gruppe.
Hier mit „2 Spalten - 60/40“. Hintergrund Hellgrau und Innenabstand sitzen an der Elementgruppe (Style Manager) und legen einen Kasten um beide; er endet unter seinem Inhalt, nicht auf der Höhe der Nachbarspalte. Die Galerie: „Vorschaubilder pro Reihe“ 2, Bildgröße „Quadratisch (1:1)“. Die Zahl pro Reihe richtet sich nach der Bildschirmbreite, nicht nach der Spalte – mit 4 oder 6 würden die Bilder in einer schmalen Spalte sehr klein.
Werkstatt und Maschinen
Fräsen, Lasern, Schweißen und Montieren unter einem Dach: Vom Zuschnitt bis zur fertigen Baugruppe bleibt jedes Teil in unserem Haus. Das spart Wege und Zeit – und Sie haben einen Ansprechpartner, der Ihr Projekt von Anfang an kennt.
Unsere Maschinen warten wir selbst und erneuern sie laufend. So halten wir enge Toleranzen ein und nennen Ihnen Termine, auf die Sie sich verlassen können.
Neue Reihe von selbst
Hat das Raster drei Spalten und der Grid-Wrapper sechs Unterelemente, beginnt nach dem dritten eine neue Reihe – das Raster wiederholt sich. So entsteht ein Raster aus beliebig vielen Elementen, ohne einen zweiten Grid-Wrapper.
Fräsen
CNC-Fräsen von Einzelteilen und Serien in Stahl, Edelstahl und Aluminium.
Lasern
Laserschneiden von Blechen bis 25 mm, sauber entgratet und auf Wunsch gekantet.
Schweißen
WIG- und MAG-Schweißen nach Zeichnung – vom Halter bis zum Gestell.
Montage
Lieferung, Einbau und Inbetriebnahme bei Ihnen vor Ort, mit Einweisung.
Beratung
Wir beraten Sie von der ersten Skizze an und schlagen Werkstoff und Verfahren vor.
Wartung
Wartung zu festen Terminen – und schnelle Hilfe, wenn eine Anlage steht.
Grid-Wrapper mit Fläche
Auch der Grid-Wrapper hat die Einstellungen des Style Managers: Hintergrund, Innenabstand, Ausrichtung, Überschrift, Trennlinie, Animation (seit 05.10.2026). Hier Hellgrau, Innenabstand XL und zentriert – die ganze Reihe als ein Abschnitt, mit eigener Überschrift.
Mit Fläche trägt der Grid-Wrapper den Abstand nach unten selbst; die Elemente in den Spalten haben dann keinen eigenen, und umbrechende Reihen trennt ein Zeilenabstand.
Unsere Leistungen
Fräsen
CNC-Fräsen von Einzelteilen und Serien in Stahl, Edelstahl und Aluminium.
Lasern
Laserschneiden von Blechen bis 25 mm, sauber entgratet und auf Wunsch gekantet.
Schweißen
WIG- und MAG-Schweißen nach Zeichnung – vom Halter bis zum Gestell.