SaaS CMS has officially launched! Learn more now.

[EPi 10] - Custom class - Insert / Edit table


I was wondering if anyone knows how to add a custom class in the drop down menu in Insert/Edit table.
I know i could go to the file and add it (How to for EPi6)
But since we are upgrading EPi every month this is not a solution (cannot be doing everytime we upgrade).

The pop up. Insert/Edit table

Dec 16, 2016 8:28

can also add that i have been playing around a bit with doing it from code

PlugInName = "DefaultSettings",
AlwaysEnabled = true,
ServerSideOnly = true,
EditorInitConfigurationOptions = @"{

and the global editor.css (that you point out from Admin)

table {
EditMenuTitle: Styles;
EditMenuName: Skanska table;
border:0; margin: 0 0 0 0;
border-spacing: 0;
border-collapse: collapse;


Dec 16, 2016 8:35

Maybe EPiServer have to change some things in the table.htm in order for us developers to be able to add custom classes from code?

Dec 16, 2016 8:43

If I understand your question correctly then you're pretty much there. To add classes to the table classes dropdown, add your classes to the editor.css, remembering to prefix them with 'table' for example:

table.grey-table {
    EditMenuTitle: Tables;
    EditMenuName: Grey Table;
    background: #ccc;
    border: 1px solid #999;
} {
    EditMenuName: Blue Table;
    background: #ccf;
    border: 1px solid #00f;
Dec 16, 2016 16:33

Thanks Paul.

All i missed was to give it a name i.e.

Dec 19, 2016 11:01
* You are NOT allowed to include any hyperlinks in the post because your account hasn't associated to your company. User profile should be updated.