Differences

This shows you the differences between two versions of the page.

--- 72:editor_tables [2019/02/18 17:49] – [Use CSS Styles for Tables] ext-bkkr
+++ 72:editor_tables [2019/02/18 17:57] – [Use CSS Styles for Tables] ext-bkkr
@@ Line 3: / Line 3: @@
 ==== Insert a Table ====
-  - Press the **Table** button on the toolbar. The **Table Properties** dialog window will appear.
+  - Press the **Table**  button on the toolbar. The **Table Properties**  dialog window will appear.
-  - Select the number or **Rows** and **Columns**.
+  - Select the number or **Rows**  and **Columns**.
   - Select some formating options. For more detailed formatting a CSS style can be applied with the **Advanced **- tab.
@@ Line 13: / Line 13: @@
   - Place your cursor on the table and right-click the mouse to open the context menu. Select **Table Properties**.
   - Select new formating options for your table.
-      - //Notice: The **Rows** and **Columns** can be changed with the table context menu.//
+      - //Notice: The **Rows**  and **Columns**  can be changed with the table context menu.//
 ==== Delete a Table ====
 Place your cursour on the table and right-click the mouse to open the context menu. Select **Delete Table**.
-====== Tables ======
+==== Use CSS Styles for Tables ====
-==== Insert a Table ====
+. Insert a table and enter some text in the table header and cells.
-  - Press the **Table**  button on the toolbar. The **Table Properties**  dialog window will appear.
+. Enter at least the following css style definitions in the custom.css file on the Stages server because these styles are predefined in the standard.css file. The classname (in this example <font inherit/Courier New,Courier,monospace;;inherit;;inherit>minimal_table_style</font>) must be specified after the <font inherit/Courier New,Courier,monospace;;inherit;;inherit>stages_description</font>class.
-  - Select the number or **Rows**  and **Columns**.
-  - Select some formating options. For more detailed formatting a CSS style can be applied with the **Advanced **- tab.
-==== Edit a Table ====
+<code>
+.stages_description .minimal_table_style table {}
+.stages_description .minimal_table_style tr {}
+.stages_description .minimal_table_style td {}
+.stages_description .minimal_table_style th {}
+.stages_description .minimal_table_style tr p,
+.stages_description .minimal_table_style tr h1,
+.stages_description .minimal_table_style tr h2,
+.stages_description .minimal_table_style tr h3,
+.stages_description .minimal_table_style tr img {}
+</code>
-A table can be modified after it was created with these instructions.
+. Define the class name in the table properties advanced tab field **Stylesheet Classes**.
-  - Place your cursor on the table and right-click the mouse to open the context menu. Select **Table Properties**.
+//Note: You can also enter an ID if you have a css definition with ID's//.
-  - Select new formating options for your table.
-      - //Notice: The **Rows**  and **Columns**  can be changed with the table context menu.//
-==== Delete a Table ====
-Place your cursour on the table and right-click the mouse to open the context menu. Select **Delete Table**.