Differences
This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revisionNext revisionBoth sides next revision | ||
72:editor_tables [2019/02/18 17:53] – [Use CSS Styles for Tables] ext-bkkr | 72:editor_tables [2020/09/11 16:11] – aakr | ||
---|---|---|---|
Line 14: | Line 14: | ||
- Select new formating options for your table. | - Select new formating options for your table. | ||
- //Notice: The **Rows** | - //Notice: The **Rows** | ||
+ | ==== Adding a Table to Process Description ==== | ||
+ | |||
+ | Tables with images: Images are only scaled down if a table width is specified | ||
+ | |||
+ | If a table contains images and the table does not fit into the browser window, it is shown in the mobile view: | ||
+ | |||
+ | {{ https:// | ||
+ | |||
+ | If you want the images to be scaled down in this case, specify a specific table width, e.g. 100%. To specify the table width… TBD | ||
+ | |||
==== Delete a Table ==== | ==== Delete a Table ==== | ||
Line 20: | Line 30: | ||
==== Use CSS Styles for Tables ==== | ==== Use CSS Styles for Tables ==== | ||
- | - Insert a table and enter some text in the table header and cells. | + | 1. Insert a table and enter some text in the table header and cells. |
- | | + | |
+ | 2. 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/ | ||
< | < | ||
Line 33: | Line 44: | ||
.stages_description .minimal_table_style tr h3, | .stages_description .minimal_table_style tr h3, | ||
.stages_description .minimal_table_style tr img {} | .stages_description .minimal_table_style tr img {} | ||
+ | |||
+ | </ | ||
+ | |||
+ | 3. Define the class name in the table properties advanced tab field **Stylesheet Classes**. | ||
+ | |||
+ | //Note: You can also enter an ID if you have a css definition with ID' | ||
+ | |||
+ | In this example, the style class is named <font inherit/ | ||
+ | |||
+ | < | ||
+ | .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 { | ||
+ | | ||
+ | } | ||
+ | |||
+ | </ | ||
+ | |||
+ | This example uses the CSS id selector <font inherit/ | ||
+ | |||
+ | < | ||
+ | table# | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | } | ||
+ | # | ||
+ | | ||
+ | } | ||
+ | # | ||
+ | | ||
+ | | ||
+ | | ||
+ | } | ||
+ | # | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | } | ||
+ | # | ||
+ | # | ||
+ | # | ||
+ | # | ||
+ | # | ||
+ | | ||
+ | } | ||
+ | |||
</ | </ | ||