updated images of table wizard dialog

Author: danail-vasilev

controls/editor/functionality/dialogs/images/editor-dropdowns019.png

@@ -10,46 +10,44 @@ position: 2
 
 # Table Wizard
 
-The Table Wizard provides advanced features for creating and customizing tables in the editor's content area. The Table Wizard is a dialog with tabs for detailed table design: **Table Design**, **Table Properties**, **Cell Properties** and **Accessibility**. The Table Wizard can be invoked using the **Insert Table Dropdown.**
-
-## Table Design
-
-This tab allows you to adjust the number of rows and columns, and adjust the row and column span.
-
-![](images/editor-dropdowns019.png)
+The Table Wizard provides advanced features for creating and customizing tables in the editor's content area. The Table Wizard is a dialog with tabs for detailed table design: **Table Properties**, **Cell Properties**, **Table Layouts** and **Accessibility**. The Table Wizard can be invoked using the **Insert Table Dropdown.**
 
 ## Table Properties
 
-This tab allows you to configure table dimensions and layout by setting one or more of the following table properties:
+This tab allows you to adjust the number of rows and columns as well as adjust the row and column span. You can also configure table dimensions and layout by setting one or more of the following table properties:
 
 * **Width/Height** - Specifies the height and the width of the table (in pixels or percent).
 
-* **ID** - Setting an ID for a table gives some options for advanced table handling.
+* **Cell spacing** - Increases or decreases the space between the borders of the cells.
 
-* **CSS Class**- Specifies table CSS class and style. This property should be used only by advanced users.
+* **Cell padding** - Increases or decreases the space between the content and the border of a cell.
 
-* **Background Color -** Sets the background color of the table.
+* **Alignment** - Aligns the table to the left, center or right side of the page.
 
-* **Background Image -** Sets an image as the table background.
+* **Back Color** - Sets the background color of the table.
 
-* **Alignment -** Aligns the table to the left, center or right side of the page.
+* **CSS Class** - Specifies table CSS class and style. This property should be used only by advanced users.
 
-* **Cell spacing** - Increases or decreases the space between the borders of the cells.
+* **Back Image** - Sets an image as the table background.
 
-* **Cell padding** - Increases or decreases the space between the content and the border of a cell.
-
-* **Borders** - Includes setting border width, color, and layout.
+* **More Table Styling** - Open the style builder dialog.
 
-![](images/editor-dropdowns020.png)
+![](images/editor-table-wizard-table-properties.png)
 
 ## Cell Properties
 
 The Cell Properties tab allows you to fine-tune the appearance of individual cells of a given table. Here you can configure cell width, height, alignment, background, the cell ID, toggle text wrapping and set the CSS class for a given cell.
 
-![](images/editor-dropdowns021.png)
+![](images/editor-table-wizard-cell-properties.png)
+
+## Table Layouts
+
+You can select a particular predefined layout for the table an apply special formats to the heading/last row and first/last column. 
+
+![](images/editor-table-wizard-table-layouts.png)
 
 ## Accessibility
 
 The Accessibility tab allows you to adjust the number of heading rows and columns, add caption settings, add a summary and to toggle if the cells are associated with the headers.
 
-![](images/editor-dropdowns022.png)
+![](images/editor-table-wizard-accessibility.png)