Stages Documentation

Differences

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

Link to this comparison view

Both sides previous revisionPrevious revision
Next revisionBoth sides next revision
72:editor_tables [2020/09/11 16:45] – [Adding a Table to Process Description] aakr72:editor_tables [2020/09/11 17:04] – aakr
Line 14: Line 14:
   - Select new formating options for your table.   - 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.//
-==== Adding a Table to Process Description ====+==== Adding an image or text in the Table ====
  
-Tables wider than 100% would be show in the mobile view.+In Tables with images, images are only scaled down if a table width is specified.
  
-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. 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://doc.stagesasaservice.com/lib/exe/fetch.php?tok=098db9&media=https://doc.stagesasaservice.com/lib/plugins/ckgedit/fckeditor/userfiles/image/72/table110view.png|{{  https://doc.stagesasaservice.com/lib/plugins/ckgedit/fckeditor/userfiles/image/72/table110view.png?direct&700x134  }}]] [[https://doc.stagesasaservice.com/lib/exe/fetch.php?tok=098db9&media=https://doc.stagesasaservice.com/lib/plugins/ckgedit/fckeditor/userfiles/image/72/table110view.png|{{  https://doc.stagesasaservice.com/lib/plugins/ckgedit/fckeditor/userfiles/image/72/table110view.png?direct&700x134  }}]]
  
-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+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 right click on the table and select Properties.
  
 +{{  https://doc.stagesasaservice.com/lib/plugins/ckgedit/fckeditor/userfiles/image/72/tableproperties.png?direct&900x533  }}
  
 ==== Delete a Table ==== ==== Delete a Table ====
Line 35: 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 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.+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/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.<code>
  
-<code> 
 .stages_description .minimal_table_style table {} .stages_description .minimal_table_style table {}
 .stages_description .minimal_table_style tr {} .stages_description .minimal_table_style tr {}