Differences

This shows you the differences between two versions of the page.

--- 72:editor_styles [2019/02/05 14:14] – created ext-bkkr
+++ 72:editor_styles [2019/02/05 17:00] – [Define Own Styles] ext-bkkr
@@ Line 1: / Line 1: @@
 ====== Styles ======
+Styles are pre-defined combinations of various formatting options that make it easier to keep the presentation of the text uniform. Since a style often contains a number of features at once, when you want to customize the way a text fragment looks, you do not need to change a font, its size, or text and background color separetly.
+==== Choose a Style ====
+  - Select a text fragment and press the 'Style' button. The **Paragraph Format** dropdown list contains a number of pre-defined styles that you can use. To make the choice easier, the style names are displayed in a style that they represent, giving you a preview of what the text will look like.
+  - Click on the style in the dropdown list to select the style.
+==== Remove a Style ====
+  - Select the text with the styling which you want to remove.
+  - Open the drop-down list and click the formatting style name again.
+==== Define Own Styles ====
+**Define own styles in PKitConfig.xml property global.editor.format**
+//Note: All style classes must start with stages_//
+<code>
+<property name="global.editor.format"
+ value="p,h1,h2,h3,p:stages_description_notice,
+p:stages_description_caption,p:stages_own_style"/>
+</code>
+**Define a corresponding style in the custom.css file**
+<code>
+p.stages_own_style {
+ font-weight: bold;
+ font-size: 150%
+}
+</code>
+**Define a name of your style in the LocalPKit(_de).properties file**
+<code>
+editor.format.p.stages_own_style = My own style
+</code>
+//Note: Please define the name in both properties language files.//