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
72:editor_tables [2020/09/11 17:13] aakr72:editor_tables [2024/02/15 00:00] (current) – external edit 127.0.0.1
Line 4: Line 4:
  
   - 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 of **Rows**  and **Columns**. 
-  - Select some formating options. For more detailed formatting a CSS style can be applied with the **Advanced **- tab.+  - Select some formatting options. For more detailed formatting a CSS style can be applied with the **Advanced **- tab.
  
 ==== 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 options for your table.+  - Select new formatting 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 an image or text in the Table ==== ==== Adding an image or text in the Table ====
  
-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.+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.
  
 [[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  }}]]
  
-In case of images, they are only scaled down if a table width is specified. In above example, if you want the images 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.+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.
  
-[[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&900x533  }}]]+[[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/plugins/ckgedit/fckeditor/userfiles/image/72/tablepropertiesset.png?direct&900x554  }}+[[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  }}]]
  
 ==== Delete a Table ==== ==== Delete a Table ====
  
-Place your cursour on the table and right-click the mouse to open the context menu. Select **Delete Table**.+Place your cursor on the table and right-click the mouse to open the context menu. Select **Delete Table**.
  
 ==== Use CSS Styles for Tables ==== ==== Use CSS Styles for Tables ====
Line 34: 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.<code>+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 class name (in this example minimal_table_style) must be specified after the stages_description class.<code>
  
 .stages_description .minimal_table_style table {} .stages_description .minimal_table_style table {}
Line 50: 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/Courier New,Courier,monospace;;inherit;;inherit>minimal_table_style</font>.+In this example, the style class is named minimal_table_style.
  
 <code> <code>
Line 89: Line 89:
 </code> </code>
  
-This example uses the CSS id selector <font inherit/Courier New,Courier,monospace;;inherit;;inherit>minimal_table_style</font>in the advanced tab of the table properties.+This example uses the CSS id selector minimal_table_stylein the advanced tab of the table properties.
  
 <code> <code>