Episerver icons - use them!

When creating Episerver tools, editors and plugins, maintaining a consistent look and feel is a good thing. Read more, and see a long list of button classes on the Epinova-blog.

If we dive inside the EPiServer.CMS.UI package, the file ToolButton.css can be found in /App_Themes/Default/Styles/ inside the archive CMS.zip located in the folder /content/modules/_protected/CMS/ - it contains the icons for all these buttons. But how do they all look?

Like this! This blog post is mostly for future reference for myself.

Still reading? How can the classes be used? Create a button like this: 

<span class="epi-cmsButton">
   <asp:Button runat="server" Text="Click me!" OnClick="DoStuff"
      CssClass="epi-cmsButton-text epi-cmsButton-tools epi-cmsButton-Add" />
</span>