FCKeditor 2.x/Users Guide/Common Tasks/Tables - Revision history

W.olchawa at 09:44, 13 December 2007

2007-12-13T09:44:16Z

W.olchawa at 09:42, 13 December 2007

2007-12-13T09:42:30Z

W.olchawa at 08:58, 13 December 2007

2007-12-13T08:58:59Z

W.olchawa at 08:57, 11 December 2007

2007-12-11T08:57:39Z

W.olchawa at 08:47, 11 December 2007

2007-12-11T08:47:19Z

W.olchawa at 08:42, 11 December 2007

2007-12-11T08:42:42Z

W.olchawa at 11:36, 7 December 2007

2007-12-07T11:36:46Z

W.olchawa at 11:29, 7 December 2007

2007-12-07T11:29:37Z

W.olchawa: New page: == Creating a table == If you want to creat a table in FCKeditor you must press the "Insert/Edit Table" Image:Table.gifbutton on the toolbar.
After that a popup window called Tab...

2007-12-07T11:27:17Z

New page: == Creating a table == If you want to creat a table in FCKeditor you must press the "Insert/Edit Table" Image:Table.gifbutton on the toolbar. After that a popup window called Tab...

New page

== Creating a table ==

If you want to creat a table in FCKeditor you must press the "Insert/Edit Table" [[Image:Table.gif]]button on the toolbar. 

After that a popup window called Table Properties will apear (be sure to enable popups in your browser). 

 

[[Image:Table popup.png|Table properties]]

In the popup window you will find several field which you should fill in. Not all of the fields are required to build a new table. 

Rows: in this field you specify how many rows do you want to have in your table . 

Columns: in this field you specify how many columns do you want your table to have. 

Border size: sets the thickness of the tabels border. 

Aligment: specfies the alignment of your table. You can set it to left, center or right. 

Width: sets the width of you table in pixels or percentage. E.g. if you choose 40 percnet the table will take 40% of the editings area width. 

Cell spacing: specifies how thick will the cells border be.

Cell pading: sets the hight of the cell.

Caption: specifies the title of your table. The title will apear in the top of the table.

Summary: sets a comment on the table. The comment will not apear in the table. It is only for usage.

Not all of the options are required to build a table. You have to fill only Rows and Columns. Rest of the fields are optional and you may use them depending on your needs.

== Working with the table ==

If you created your table you may change its properties. Point your mouse on the table press the right button and a context menu will apear. 

[[Image:Table context.png|Image:Table_context.png]]

In order to change the tables properites press Table Properties and a popup window will apear. It's the same windows that you used for creating the table.

If you want to delete you table simply press Delete Table.

The other three options are Cell, Row and Column. If you point your mouse cursor on one of them a new context menu will appear.

Cell 

[[Image:Cell context.png|The cell context menu]]

Insert Cell Before: inserts a new cell before the cell your cursor is currently in. 

Insert Cell After: inserts a new cell after the cell your cursos is currently in.

Delete Cells: delets the cell your cursor is in. You may also highlight more cells and than delete them.

Merge Cells: merges cells you have highlighted into a one cell.

Split Cell Horizontally: splits a cell in two.One cell is spilited in two colums. 

Split Cell Vertically:splits a cell in two.One cells is splitted in two rows.

Cell properties: if you click the cell properties a new popup window will apear:

 

[[Image:Cell properties.png|Image:Cell_properties.png]]

The cell properties popup window has several options: 

Width: sets the cell width in pixels or in percentage of the table width.

Height: sets the height of the cell. [[FCKeditor 2.x/Users Guide/Common Tasks/Creating Tables/Test|test]]

@@ Line 9: / Line 9: @@
 [[Image:Table popup.png|Table properties]]<br>
-* '''''''''Rows''': in this field you specify how many rows do you want to have in your table .<br>
+* '''Rows''': in this field you specify how many rows do you want to have in your table .<br>
 * '''Columns''': in this field you specify how many columns do you want your table to have.<br>
 * '''Border size''': sets the thickness of the tables border.<br>
@@ Line 64: / Line 64: @@
 * '''Insert Row Before''': inserts a new row before the row your cursor is currently in.
-* I'''nsert Row After''': inserts a new row after the row your cursor is currently in.
+* '''Insert Row After''': inserts a new row after the row your cursor is currently in.
 * '''Delete Rows''': deletes highlighted rows or the row your cursor is currently in.
@@ Line 72: / Line 72: @@
 * '''Insert Column Before''': inserts a column before the column your cursor is currently in.
-* I'''nsert Column After''': inserts a column after the column your cursor is currently in.
+* '''Insert Column After''': inserts a column after the column your cursor is currently in.
 * '''Delete Columns''': deletes highlighted columns or the column your cursor is currently in.<br>

@@ Line 7: / Line 7: @@
 <br>
-[[Image:Table popup.png|Table properties]]
+[[Image:Table popup.png|Table properties]]<br>
-In the popup window you will find several field which you should fill in. Not all of the fields are required to build a new table.<br>
+* '''''''''Rows''': in this field you specify how many rows do you want to have in your table .<br>
+* '''Columns''': in this field you specify how many columns do you want your table to have.<br>
-Rows: in this field you specify how many rows do you want to have in your table .<br>
+* '''Border size''': sets the thickness of the tables border.<br>
+* '''Alignment''': specifies the alignment of your table. You can set it to left, center or right. <br>
-Columns: in this field you specify how many columns do you want your table to have.<br>
+* '''Width''': sets the width of you table in pixels or percentage. E.g. if you choose 40 percent the table will take 40% of the editing area width.<br>
+* '''Cell spacing''': specifies how thick will the cells border be.
-Border size: sets the thickness of the tables border.<br>
+* '''Cell padding''': sets the hight of the cell.
+* '''Caption''': specifies the title of your table. The title will appear in the top of the table.
-Alignment: specifies the alignment of your table. You can set it to left, center or right. <br>
+* '''Summary''': sets a comment on the table. The comment will not appear in the table. It is only for usage.
 Not all of the options are required to build a table. You have to fill only Rows and Columns. Rest of the fields are optional and you may use them depending on your needs.
@@ Line 39: / Line 27: @@
 [[Image:Table context.png|Image:Table_context.png]]
-In order to change the tables properties press "Table Properties" and a popup window will appear. It's the same windows that you used for creating the table.
+In order to change the tables properties press "'''Table Properties'''" and a popup window will appear. It's the same windows that you used for creating the table.
-If you want to delete you table simply press Delete Table.
+If you want to delete you table simply press "'''Delete Table'''".
 The other three options are Cell, Row and Column. If you point your mouse cursor on one of them a new context menu will appear.
@@ Line 49: / Line 37: @@
 [[Image:Cell context.png|The cell context menu]]
-Insert Cell Before: inserts a new cell before the cell your cursor is currently in.<br>
+* '''Insert Cell Before''': inserts a new cell before the cell your cursor is currently in.<br>
+* '''Insert Cell After''': inserts a new cell after the cell your cursor is currently in.
-Insert Cell After: inserts a new cell after the cell your cursor is currently in.
+* '''Delete Cells''': deletes the cell your cursor is in. You may also highlight more cells and than delete them.
+* '''Merge Cells''': merges cells you have highlighted into a one cell.
-Delete Cells: deletes the cell your cursor is in. You may also highlight more cells and than delete them.
+* '''Split Cell Horizontally''': splits a cell in two.One cell is split in two colums.<br>
+* '''Split Cell Vertically''':splits a cell in two.One cells is split in two rows.
-Merge Cells: merges cells you have highlighted into a one cell.
+* '''Cell properties''': if you click the cell properties a new popup window called "Cell Properties" will appear:
 <br>
-[[Image:Cell properties.png|Image:Cell_properties.png]]
+[[Image:Cell properties.png|Image:Cell_properties.png]]<br>
-Width: sets the cell width in pixels or in percentage of the table width.
+* '''Width''': sets the cell width in pixels or in percentage of the table width.
+* '''Height''': sets the height of the cell. <br>
-Height: sets the height of the cell. <br>
+* '''Word Wrap''': turns on/off word wrapping.
+* '''Horizontal Alignment''':determines the horizontal alignment of the text in your cell. It can be set to Left, Center or Right.
-Word Wrap: turns on/off word wrapping.
+* '''Vertical Alignment''': determines the vertical alignment of the text in your cell. It can be set to Top, Middle, Bottom or Baseline.
+* '''Rows span''': extends vertical rows.
-Horizontal Alignment:determines the horizontal alignment of the text in your cell. It can be set to Left, Center or Right.
+* '''Columns span''':extends cells on a horizontal row (left and right).
+* '''Background color''': sets the background color of your cell. You can either select a color or type it manually.
-Vertical Alignment: determines the vertical alignment of the text in your cell. It can be set to Top, Middle, Bottom or Baseline.
+* '''Border Color''': sets the color of your cells border. You can either select a color or type it manually.
 === Row<br> ===
@@ Line 91: / Line 63: @@
 [[Image:Row context.png|Image:Row_context.png]]
-<br>
+* '''Insert Row Before''': inserts a new row before the row your cursor is currently in.
+* I'''nsert Row After''': inserts a new row after the row your cursor is currently in.
-Insert Row Before: inserts a new row before the row your cursor is currently in.
+* '''Delete Rows''': deletes highlighted rows or the row your cursor is currently in.
 === Column ===
-[[Image:Column context.png|Image:Column_context.png]]
+[[Image:Column context.png|Image:Column_context.png]]<br>
-Delete Columns: deletes highlighted columns or the column your cursor is currently in.<br>
+* '''Insert Column Before''': inserts a column before the column your cursor is currently in.

@@ Line 1: / Line 1: @@
 == Creating a table ==
-If you want to creat a table in FCKeditor you must press the "Insert/Edit Table" [[Image:Table.gif]]button on the toolbar.<br>
+If you want to create a table in FCKeditor you must press the "Insert/Edit Table" [[Image:Table.gif]]button on the toolbar.<br>
-After that a popup window called Table Properties will apear (be sure to enable popups in your browser).<br>
+After that a popup window called "Table Properties" will appear.<br>
 <br>
@@ Line 15: / Line 15: @@
 Columns: in this field you specify how many columns do you want your table to have.<br>
-Border size: sets the thickness of the tabels border.<br>
+Border size: sets the thickness of the tables border.<br>
-Aligment: specfies the alignment of your table. You can set it to left, center or right. <br>
+Alignment: specifies the alignment of your table. You can set it to left, center or right. <br>
-Width: sets the width of you table in pixels or percentage. E.g. if you choose 40 percnet the table will take 40% of the editings area width.<br>
+Width: sets the width of you table in pixels or percentage. E.g. if you choose 40 percent the table will take 40% of the editing area width.<br>
 Cell spacing: specifies how thick will the cells border be.
-Cell pading: sets the hight of the cell.
+Cell padding: sets the hight of the cell.
-Caption: specifies the title of your table. The title will apear in the top of the table.
+Caption: specifies the title of your table. The title will appear in the top of the table.
-Summary: sets a comment on the table. The comment will not apear in the table. It is only for usage.
+Summary: sets a comment on the table. The comment will not appear in the table. It is only for usage.
 <br>
@@ Line 35: / Line 35: @@
 == Working with the table ==
-If you created your table you may change its properties. Point your mouse on the table press the right button and a context menu will apear.<br>
+If you created your table you may change its properties. Point your mouse on the table press the right button and a context menu will appear.<br>
 [[Image:Table context.png|Image:Table_context.png]]
-In order to change the tables properites press Table Properties and a popup window will apear. It's the same windows that you used for creating the table.
+In order to change the tables properties press "Table Properties" and a popup window will appear. It's the same windows that you used for creating the table.
 If you want to delete you table simply press Delete Table.
@@ Line 51: / Line 51: @@
 Insert Cell Before: inserts a new cell before the cell your cursor is currently in.<br>
-Insert Cell After: inserts a new cell after the cell your cursos is currently in.
+Insert Cell After: inserts a new cell after the cell your cursor is currently in.
-Delete Cells: delets the cell your cursor is in. You may also highlight more cells and than delete them.
+Delete Cells: deletes the cell your cursor is in. You may also highlight more cells and than delete them.
 Merge Cells: merges cells you have highlighted into a one cell.
-Split Cell Horizontally: splits a cell in two.One cell is spilited in two colums.<br>
+Split Cell Horizontally: splits a cell in two.One cell is split in two colums.<br>
-Split Cell Vertically:splits a cell in two.One cells is splitted in two rows.
+Split Cell Vertically:splits a cell in two.One cells is split in two rows.
-Cell properties: if you click the cell properties a new popup window will apear:
+Cell properties: if you click the cell properties a new popup window called "Cell Properties" will appear:
 <br>
@@ Line 73: / Line 73: @@
 Height: sets the height of the cell. <br>
-Word Wrap: turns on/off word wraping.
+Word Wrap: turns on/off word wrapping.
 Horizontal Alignment:determines the horizontal alignment of the text in your cell. It can be set to Left, Center or Right.
@@ Line 79: / Line 79: @@
 Vertical Alignment: determines the vertical alignment of the text in your cell. It can be set to Top, Middle, Bottom or Baseline.
-Rows span: extends verticle rows.
+Rows span: extends vertical rows.
 Columns span:extends cells on a horizontal row (left and right).
-Background color: sets the background color of your cell. You can either select a color or type it manualy.
+Background color: sets the background color of your cell. You can either select a color or type it manually.
-Border Color: sets the color of your cells border. You can either select a color or type it manualy.
+Border Color: sets the color of your cells border. You can either select a color or type it manually.
 === Row<br> ===
-[[Image:Row_context.png]]
+[[Image:Row context.png|Image:Row_context.png]]
 <br>
@@ Line 101: / Line 101: @@
 === Column ===
-[[Image:Column_context.png]]
+[[Image:Column context.png|Image:Column_context.png]]
 Insert Column Before: inserts a column before the column your cursor is currently in.

@@ Line 86: / Line 86: @@
 Border Color: sets the color of your cells border. You can either select a color or type it manualy.
 <br>
-<br>
+Insert Row Before: inserts a new row before the row your cursor is currently in.
-<br>
+Delete Columns: deletes highlighted columns or the column your cursor is currently in.<br>

@@ Line 79: / Line 79: @@
 Vertical Alignment: determines the vertical alignment of the text in your cell. It can be set to Top, Middle, Bottom or Baseline.
-Rows span:
+Rows span: extends verticle rows.
-Columns span:
+Columns span:extends cells on a horizontal row (left and right).
 Background color: sets the background color of your cell. You can either select a color or type it manualy.
@@ Line 87: / Line 87: @@
 Border Color: sets the color of your cells border. You can either select a color or type it manualy.
+<br>
 <br>
 <br>