This little blog post describes how to define CSS classes for HTML tables to appear in the Table properties dialog window.

EPiServer gives you the ability to define CSS classes which can be used in the XHTML editor to set predefined styles on the elements in the editor window. However, if you want table CSS classes to appear in the CSS class list shown in the picture above this is what you do:

1. Create a CSS file if not already existing and reference it in the attribute ‘uieditorcsspath’ in your web.config or in the dynamic property ‘Editor CSS’.
2. Prefix the class definitions with table like this:

table.my-super-table-style
{
   EditMenuName:Tabellmall 1; /*See image above*/
   padding:10px;
   /*…and so on.*/
}

The prefix ‘table’ makes the class definitions appear in the Table properties window instead of the css class dropdownlist on the toolbar in the XHTML property.