Was ist der Matrix-Modus und wie wird dieser aktiviert bzw. deaktiviert?

Der Matrix-Modus erlaubt es dem Redakteur (vorausgesetzt ihm wurde das Recht zugeteilt den Matrix-Modus zu aktivieren) Inhalte auf einer Seite beliebig zu platzieren. Dies geschieht per Drag&Drop. Ein in der Matrix-Area eingefügtes Schnipsel kann durch Klicken und Ziehen mit der Maus innerhalb der Matrix an jede beliebige Stelle geschoben werden.

Um in den Matrix-Modus zu wechseln, klickt man das kleine Schraubenschlüssel-Icon in der Werkzeugleiste doppelt an. Daraufhin öffnet sich die Developer-Toolbar, wo per Klick auf "in den Matrix-Modus wechseln" selbiger aktiviert werden kann (siehe Screenshot).

Damit die Platzierung der Elemente mittels Drag&Drop erfolgen kann, ist es nötig, dass im Template der Seite eine Area als Matrix definiert ist. Mit dem tyTag <ty:area> ist das allerding kein Problem. Es muss lediglich der Parameter "type" mit dem Wert "matrix" gesetzt sein.
Ein Beispiel:
<ty:area type="matrix" id="contentAreaMatrix" unit="px" width="930" height="600" gridx="5" gridy="5" />

Die Parameter "width" und "height" geben dabei die Ausmaße der Matrix an und "gridx" bzw. "gridy" bestimmen das Raster. Alle 4 Werte sind (noch) zwingend erforderlich und beziehen sich auf die mit "unit" angegebene Maßeinheit. Die "id" ist ein eindeutiger Bezeichner dieser Area.

Ist der Matrix-Modus aktiviert, wird das im Tag definierte Raster angezeigt und man kann nun die Elemente innerhalb dieser Area frei platzieren.

Den Modus kann man auf 2 Wegen wieder verlassen. Nachfolgender Screenshot zeigt beide Varianten.

Bei aktiviertem Matrix-Modus ersetzt die "Matrix-Modus beenden"-Schaltfläche die Schaltfläche für den Vorschau-Modus (Lupe). Wird der Matrix-Modus deaktiviert, ist die Vorschau wieder verfügbar.