Tabellen

Aus DynPG-Wiki
Wechseln zu: Navigation, Suche

Mit dem integrierten Texteditor von DynPG können Sie auf einfache Weise Tabellen erstellen und mit Inhalt füllen. In diesem Artikel erfahren Sie, wie das funktioniert.

Tabellen erstellen

Eine Tabelle erstellen Sie im Texteditor, indem Sie in der Werkzeugleiste auf das Table.gif "Tabelle erstellen"-Icon klicken. Daraufhin erscheint ein neues Fenster, in dem Sie die Eigenschaften der Tabelle bestimmen können. Nachdem Sie dies erledigt haben, sehen Sie im Editor die neu erstellte Tabelle. Sie können nun die einzelnen Zellen anklicken und wie gewohnt mit Inhalt füllen. Es stehen Ihnen dabei die gleichen Inhalte und Möglichkeiten zur Verfügung, wie bei einem Artikel auch (Texte, Bilder, Videos etc.).

Tip.png Tipp: Während der Erstellung der Tabelle kann es sinnvoll sein, die Rahmenbreite auf einen Wert größer 0 zu setzen, damit sie alle Zellen gut erkennen können. Sie können die Rahmenbreite später jederzeit ändern, indem Sie die Tabelleneigenschaften bearbeiten und den Wert zurück auf 0 setzen.

Tabelleneigenschaften

Texteditor - Tabelle Allgemein.png Texteditor - Tabelle Erweitert.png

Allgemein

Spalten / Zeilen: Anzahl der Spalten und Zeilen der Tabelle
Abstand innerhalb der Zelle: bestimmt den Abstand des Textes innerhalb der Zelle vom Zellenrand.
Zellenabstand: bestimmt den Abstand der Zellen voneinander.
Ausrichtung: Ausrichtung der Tabelle (links, mittig, rechts).
Rahmen: Breite des Rahmens in Pixel.
Breite / Höhe: Breite und Höhe der Tabelle
CSS-Klasse: Auswahlfeld für die CSS-Klasse, die für die Tabelle verwendet werden soll. Sie können CSS-Klassen im CSS-Vorgabenmanager bei den Einstellungen definieren.
Beschriftung der Tabelle: legt fest, ob der Tabelle eine Zeile am Tabellenkopf hinzugefügt werden soll, in der Sie eine Überschrift eintragen können.

Erweitert

ID: CSS-ID der Tabelle
Zusammenfassung: kurzer Beschreibungstext für den Inhalt der Tabelle.
Format: CSS-Formatierungsangaben für die Tabelle.
Sprachcode: Sprachcode für den Textinhalt der Tabelle.
Hintergrundbild: das Hintergrundbild der Tabelle.
Rahmen: bestimmt, an welchen Außenseiten der Tabelle ein Rahmen gezeichnet werden soll.
Gitter: bestimmt, an welchen Innenseiten der Tabelle eine Linie gezeichnet werden soll.
Schriftrichtung: die Ausrichtung der Schrift (von links nach rechts oder von rechts nach links).
Rahmenfarbe: Farbe der Rahmenlinien.
Hintergrundfarbe: Farbe des Tabellenhintergrundes.

Tabellen bearbeiten

Sie können die Eigenschaften der Tabelle jederzeit ändern. Rechtsklicken Sie dazu einfach auf eine Zelle in der Tabelle oder den Rahmen und wählen Sie "Eigenschaften der Tabelle" (Rechtsklick auf Zelle) bzw. "Tabelle erstellen/bearbeiten" (Rechtsklick auf Rahmen). Sie können auch bei ausgewählter Tabelle erneut auf den Table.gif "Tabelle erstellen"-Button klicken. Daraufhin öffnet sich der gleiche Dialog wie beim Erstellen von Tabellen und Sie können die Tabelleneigenschaften bearbeiten.

Sie können mit den Buttons in der Werkzeugleiste des Texteditors die Tabelle auch nach der Erstellung noch ändern. Dazu finden Sie im Editor die folgenden Buttons:

Name Bedeutung
Table.gif
Tabelle einfügen/bearbeiten fügt eine Tabelle ein bzw. öffnet den Bearbeiten-Dialog.
Table row props.gif
Zeileneigenschaften bestimmt die Eigenschaften der Tabellenzeile.
Table cell props.gif
Zelleigenschaften bestimmt die Eigenschaften einer einzelnen Zelle.
Table insert row before.gif
Zeile oberhalb einfügen fügt eine Zeile oberhalb der markierten Zeile ein.
Table insert row after.gif
Zeile unterhalb einfügen fügt eine Zeile unterhalb der markierten Zeile ein.
Table delete row.gif
Zeile löschen löscht die markierte Zeile.
Table insert col before.gif
Spalte links einfügen fügt eine Spalte links von der markierten Spalte ein.
Table insert col after.gif
Spalte rechts einfügen fügt eine Spalte rechts von der markierten Spalte ein.
Table delete col.gif
Spalte löschen löscht eine Spalte.
Table split cells.gif
Zelle teilen Teilt eine verbundene Zelle auf.
Table merge cells.gif
Zellen verbinden Verbindet zwei Zellen zu einer.


Zeileneigenschaften

Sie können die Eigenschaften einer Zeile in der Tabelle festlegen, indem Sie auf das Table row props.gif Zeileneigenschaften-Icon klicken. Dabei können Sie auch im unteren Bereich des neuen Fensters auswählen, auf welche Zeilen sich die Änderungen auswirken sollen:

  • Diese Zeile verändern
  • Ungerade Zeilen verändern
  • Gerade Zeilen verändern
  • Alle Zeilen verändern


Texteditor - Tabelle Zeile Allgemein.png Texteditor - Tabelle Zeile Erweitert.png


Allgemein

Gruppierung: bestimmen Sie hier, zu welchem Teil der Tabelle diese Zeile gehört (Tabellenkopf, Tabelleninhalt, Tabellenfuß).
Ausrichtung: Ausrichtung des Inhalts der Zeile (links, mittig, rechts).
Vertikale Ausrichtung: vertikale Ausrichtung des Inhalts der Zeile (oben, mittig, unten).
CSS-Klasse: Auswahlfeld für die CSS-Klasse, die für die Zeile verwendet werden soll. Sie können CSS-Klassen im CSS-Vorgabenmanager bei den Einstellungen definieren.
Höhe: die Höhe der Zeile.

Erweitert

ID: CSS-ID der Zeile.
Format: CSS-Formatierungsangaben für die Zeile.
Schriftrichtung: die Ausrichtung der Schrift (von links nach rechts oder von rechts nach links).
Sprachcode: der Sprachcode für die Sprache der Zeile.
Hintergrundbild: das Hintergrundbild der Zeile.
Hintergrundfarbe: Farbe des Zeilenhintergrunds.


Zelleneigenschaften

Sie können die Eigenschaften einer Zelle in der Tabelle festlegen, indem Sie auf das Table cell props.gif Zelleneigenschaften-Icon klicken. Dabei können Sie auch im unteren Bereich des neuen Fensters auswählen, auf welche Zellen sich die Änderungen auswirken sollen:

  • Diese Zelle verändern
  • Alle Zellen in dieser Zeile verändern
  • Alle Zellen der Tabelle verändern
Tip.png Tipp: Sie können mehrere Zellen markieren, bevor sie auf das Table cell props.gif Zelleneigenschaft-Icon klicken und damit diese Auswahl an Zellen gleichzeitig bearbeiten.


Texteditor - Tabelle Zelle Allgemein.png Texteditor - Tabelle Zelle Erweitert.png

Allgemein

Ausrichtung: Ausrichtung des Inhalts der Zelle (links, mittig, rechts).
Zellentyp: bestimmen Sie hier, welchem Typ die Zelle zugehört (Textzelle, Überschrift).
Vertikale Ausrichtung: vertikale Ausrichtung des Inhalts der Zelle (oben, mittig, unten).
Bezug: Bezug der Zelle (Spalte, Zeile, vertikal gruppieren, horizontal gruppieren).
Breite / Höhe: die Breite und Höhe der Zelle.
CSS-Klasse: Auswahlfeld für die CSS-Klasse, die für die Zelle verwendet werden soll. Sie können CSS-Klassen im CSS-Vorgabenmanager bei den Einstellungen definieren.

Erweitert

ID: CSS-ID der Zelle.
Format: CSS-Formatierungsangaben für die Zelle.
Schriftrichtung: die Ausrichtung der Schrift (von links nach rechts oder von rechts nach links).
Sprachcode: der Sprachcode für die Sprache der Zelle.
Hintergrundbild: das Hintergrundbild der Zelle.
Rahmenfarbe: Farbe der Rahmenlinien.
Hintergrundfarbe: Farbe des Zellenhintergrunds.


Zellen verbinden und trennen

Wenn Sie eine Auswahl von Zellen zu einer einzigen Zelle verbinden möchten, so markieren Sie die entsprechenden Zellen zunächst in der Textansicht des Editors. Klicken Sie anschließend auf den Table merge cells.gif "Zellen verbinden"-Button um die Zellen zusammenzufassen und den Inhalt aller Zellen in die zusammengefasste Zelle zu übertragen. Um die Zellen wieder zu trennen, klicken Sie auf den Table split cells.gif "Zellen trennen"-Button, woraufhin der Inhalt der zusammengefassten Zelle in die erste neue entstehende kleine Zelle übertragen wird und alle anderen zuvor zusammengefassten Zellen wieder erscheinen.