Differences
This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revision | ||
72:editor_tables [2020/09/11 16:11] – aakr | 72:editor_tables [2024/02/15 00:00] (current) – external edit 127.0.0.1 | ||
---|---|---|---|
Line 4: | Line 4: | ||
- Press the **Table** | - Press the **Table** | ||
- | - Select the number | + | - Select the number |
- | - Select some formating | + | - Select some formatting |
==== Edit a Table ==== | ==== Edit a Table ==== | ||
Line 12: | Line 12: | ||
- Place your cursor on the table and right-click the mouse to open the context menu. Select **Table Properties**. | - Place your cursor on the table and right-click the mouse to open the context menu. Select **Table Properties**. | ||
- | - Select new formating | + | - Select new formatting |
- //Notice: The **Rows** | - //Notice: The **Rows** | ||
- | ==== Adding | + | ==== Adding |
- | Tables with images: Images are only scaled down if a table width is specified | + | If a table contains images or text and the table does not fit into the browser window, it is shown in the mobile view as seen in the image below. Click anywhere on the table to view the table. |
- | If a table contains images and the table does not fit into the browser window, it is shown in the mobile view: | + | [[https:// |
- | {{ https://doc.stagesasaservice.com/ | + | In the case of images, they are only scaled down if a table width is specified. In the example above, if you want the image to be scaled down, specify a specific table width equal to or less than 100%. To specify the table width right click on the table and select Properties. |
- | 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 | + | [[https:// |
+ | |||
+ | [[https:// | ||
==== Delete a Table ==== | ==== Delete a Table ==== | ||
- | Place your cursour | + | Place your cursor |
==== Use CSS Styles for Tables ==== | ==== Use CSS Styles for Tables ==== | ||
Line 32: | Line 34: | ||
1. 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 | + | 2. Enter at least the following |
- | < | ||
.stages_description .minimal_table_style table {} | .stages_description .minimal_table_style table {} | ||
.stages_description .minimal_table_style tr {} | .stages_description .minimal_table_style tr {} | ||
Line 49: | Line 50: | ||
3. Define the class name in the table properties advanced tab field **Stylesheet Classes**. | 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's//. | + | //Note: You can also enter an ID if you have a CSS definition with IDs//. |
- | In this example, the style class is named <font inherit/ | + | In this example, the style class is named minimal_table_style. |
< | < | ||
Line 88: | Line 89: | ||
</ | </ | ||
- | This example uses the CSS id selector | + | This example uses the CSS id selector |
< | < |