Nähere Informationen zur Schnipselmerkliste gibt es hier
Die Area-Matrix erlaubt das freie Positionieren von Schnipseln auf dem Raster der Matrix. Für diese Funktion muss der Designer die Schnipsel und das Design der Webseiten preparieren, da hier mit Absoluter Positionierung der Boxen gearbeitet wird. Floatende-Designs können hiermit nicht korrekt umgesetzt werden.
<ty:area id="matrix" cellHeight="50" cellWidth="200" unit="px" rows="4" cols="3" />
Darstellungsfehler vermeiden Um Darstellungsfehler zu verhinden, muss darauf geachtet werden, dass die Area mit der Matrix in einer korrekten HTML-Umgebung zu finden ist. Da in der Matrix alle Boxen absolut positioniert werden, muss demnach auch die Matrix selbst in einem div relativ oder absolut positioniert werden. Die zu positionierenden Boxen sollten außerdem mit festen höhen und breiten Angaben ausgestattet sein, damit die Vorschau = der Ausgabe ist.
In Version myty4.0 wurde die Area-Matrix optimiert und erweitert. So ist es nun möglich die Positionen der Schnipsel direkt über die Werkzeugleiste zu speichern und zu veröffentlichen. Dies geschieht über die bereits vom Content-Modul bekannten Schaltflächen. Die Definition der Matrix kann nun auch folgendermaßen erfolgen:
<!-- Erzeugt eine Matrix mit einem Raster von 10 x 10px --> <ty:area id="matrix" width="600" height="400" unit="px" gridx="10" gridy="10" />
Die Matrix ist hierbei direkt innerhalb der Seite editierbar. Um in den „Matrix-Modus“ zu wechseln klicken Sie doppelt auf die Schaltfläche für das Setup-Fenster (Schraubenschlüssel). Dort finden Sie dann die Schaltfläche „In den Matrix-Modus wechseln“.
In Version myty4.2 haben wir die Matrix-Funktion nochmalig optimiert und weitere Features hinzugefügt. Nun ist es möglich, die Breite und Höhe der Matrix dynamisch zu bestimmen. Sie richtet sich in diesem Fall nach dem darüberliegenden Container. Weiterhin wird nun auch unterstützt, dass sich Schnipsel nicht überlagern dürfen. Dies geschieht über das Attribut overlapping=„false“. Über das Attribut „snapon“ kann man definieren bis zu welcher Distanz sich die Schnipsel einander nähern dürfen. Über das Attribut „grid“ kann man das Raster im Hintergrund deaktivieren oder über das Attribut „gridcolor“ anders einfärben.
Mit dem Area-Grid lassen sich die Schnipsel exakt in Spalten und/oder Zeilen per Drag&Drop ausrichten. Weiterhin kann man die Schnipsel zwischen den einzelnen Spalten hin und her bewegen. Diese Funktion ist vergleichbar mit der iGoogle-Oberfläche. Um diese Funktion zu aktivieren werden folgende Attribute benötigt bzw. können optional vergeben werden:
Beispiel
<!-- vertikales Area-Grid mit einer Höhe von 600px und einer Spaltenbreite von 200px, Spalten werden so viele erzeugt, wie benötigt werden --> <ty:area id="areagrid" width="100%" height="600px" colsize="200px" alignment="vertical" onresize="arrange"/>