The following example shows the CSS menu attributes code and resulting drop-down menu.style1 Also, you should replace spaces with underscores in EditMenuName and EditMenuTitle values. NOTE: The Styles tool shows styles in the order you defined them in the CSS file. Adds the menu items under its parent heading. Adds a new heading in the drop-down menu. For example, if you apply p.m圜lass to a h1 element, nothing happens. You only can apply element-specific classes (such as p.m圜lass) to the correct type of element. Lets you apply a class and change the element type for text block elements (p, h1, h2, and so on). To define the editor’s Styles and how element-specific classes are handled, use the following EPiServer attirbutes. ~/Templates/Public/Styles/Glossy/Editor.css, ~/Templates/Public/Styles/Glossy/Editor2.cssĮxtending the CSS file with EPiServer attributes Sample of a comma-separated css-path list: Setting in-page or dynamic properties overrides the correlating property in web.config. The property must be named UIEditorCssPaths and have a comma-separated list of paths to the style sheets. As a dynamic or standard page property.XML excerpt of a web.config assigning alternative style sheets: This setting is in the form of a comma-separated list of paths to the style sheets. If no property on the page is set to point out alternative style sheets, the fallback is to use the uiEditorCssPaths setting in web.config. After you define a global settings set, it is available in the Use global settings drop-down for all XHTML string properties. Click on the name of page type that contains the property, click the property’s name and select the Custom Settings tab.Ĭustom and global settings are essentially the same, except you can reuse global settings for several XHTML properties. These settings are available on the Page Type tab in admin mode. XHTML string properties let you define settings for the TinyMCE editor. Select the Use custom settings radio button and set the Content CSS Path value.Create global settings containing the desired Content CSS Path value and select it from the drop-down list.To change the Content CSS Path setting, do any of the following: Content CSS Path setting in the TinyMCE editor.You can use any of the following methods to configure which CSS files the TinyMCE editor loads and uses. Note: For information about creating the client-side code of a TinyMCE plug-in, see the public TinyMCE website.

Tinymce