Differences

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

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
Next revisionBoth sides next revision
72:editor_tables [2020/09/11 15:42] aakr72:editor_tables [2020/09/11 17:33] – [Adding an image or text in the Table] 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 Table to Process Description ====+==== Adding an image or text in the Table ====
  
-TBD:+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 below image. Click anywhere on the table to view the table.
  
-Tables with imagesImages are only scaled down if a table width is specified+[[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 a table contains images and the table does not fit into the browser window, it is shown in the mobile view:+In case of images, they are only scaled down if a table width is specified. In above example, if you want the image to be scaled down, specify a specific table width equal or less than 100%. To specify the table width right click on the table and select Properties.
  
-TBD Mobile Table View+[[https://doc.stagesasaservice.com/lib/exe/fetch.php?tok=3cf7b9&media=https://doc.stagesasaservice.com/lib/plugins/ckgedit/fckeditor/userfiles/image/72/tableproperties.png|{{  https://doc.stagesasaservice.com/lib/plugins/ckgedit/fckeditor/userfiles/image/72/tableproperties.png?direct&700x415  }}]] 
 + 
 +[[https://doc.stagesasaservice.com/lib/exe/fetch.php?tok=950934&media=https://doc.stagesasaservice.com/lib/plugins/ckgedit/fckeditor/userfiles/image/72/tablepropertiesset.png|{{  https://doc.stagesasaservice.com/lib/plugins/ckgedit/fckeditor/userfiles/image/72/tablepropertiesset.png?direct&700x431  }}]]
  
-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 34: Line 35:
 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 {}