{"id":1160,"date":"2020-02-16T10:53:26","date_gmt":"2020-02-16T09:53:26","guid":{"rendered":"https:\/\/help.clausebase.com\/?post_type=kb&#038;p=1160"},"modified":"2021-02-26T15:42:04","modified_gmt":"2021-02-26T14:42:04","slug":"overview","status":"publish","type":"kb","link":"https:\/\/help.clausebase.com\/kb\/overview\/","title":{"rendered":"Styling overview"},"content":{"rendered":"\n<figure class=\"wp-block-embed is-type-video is-provider-vimeo wp-block-embed-vimeo wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Fresh Tip Friday #17 - Basics of styling\" src=\"https:\/\/player.vimeo.com\/video\/456868411?dnt=1&amp;app_id=122963\" width=\"1200\" height=\"675\" frameborder=\"0\" allow=\"autoplay; fullscreen\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>ClauseBase offers very powerful styling options, to accomodate the complex reality of balancing standardisation with the everyday needs of different departments and clients. The styling options are not difficult to understand \u2014 often simpler MS Word \u2014 but may take some getting used to.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"separating-style-content\">Separating style &amp; content<\/h2>\n\n\n\n<p>In MS Word, styling and content are strongly intertwined, because every document, every paragraph, every table (and even every character) will store its own styling. Accordingly, in MS Word, every content element will always have styling attached to it.<\/p>\n\n\n\n<p>The advantage of the approach taken by MS Word is that this is easier to understand for beginning users. After all, this approach matches what users intuivitely perceive: content is never \u201cnaked\u201d, and will always have some styling when printed or shown on the screen.<\/p>\n\n\n\n<p>The disadvantage of this approach is that styling gets very difficult to manage, because every document, table, paragraph and character may use slightly different styling. This obviously hampers standardisation and uniformisation, because diverging layouts being produced by even small offices (and often even by the same person!). The use of templates and \u201cdefined styles\u201d in MS Word helps somewhat to manage the complexity, but does not alter the fundamental issue that styling and content are strongly intertwined.<\/p>\n\n\n\n<p>Conversely, ClauseBase strongly encourages you to separate styling and content, by storing styling and content on different places, independent of each other. Coming from MS Word, this separation may feel somewhat unnatural in the beginning, but the advantages will quickly become clear.<\/p>\n\n\n<div class=\"ub-styled-box ub-notification-box\" id=\"ub-styled-box-501587ef-9c7c-4fb6-8d85-29eed0f61dc6\">\n\n\n<p class=\"has-text-align-left\">In ClauseBase, you can think about legal content as the main dish and styling as a side dish. Before the restaurant is opened, the main dishes are prepared, independent of the question which side dish will later on be chosen by a customer.\u00a0Any main dish can be freely combined with any side dish, and the same side dish can be used with any main dish, without having to alter the main or side dish when doing so.<\/p>\n\n\n<\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"combining-styles\">Combining styles<\/h2>\n\n\n\n<p>There are currently eight different categories of styles: base paragraph styling, heading styling, bullet styling, page styling, enumeration styling, definition styling, locale styling and reference styling. All of these categories are explained in subsequent pages.<\/p>\n\n\n\n<p>For each of these eight categories, styles can be stored at three different levels: the customer level, the group(s) level and the user level. At each of those three levels, multiple styles can be stores, and one of them can be chosen as the default style at that level.<\/p>\n\n\n\n<p>The actual styling that will get applied to a concrete document, will then be a combination of the default styles at every level.<\/p>\n\n\n<div class=\"ub-styled-box ub-notification-box\" id=\"ub-styled-box-7671135b-c9fd-4153-921d-62169a32b060\">\n\n\n<p class=\"has-text-align-left\">This may sound complex, but actually mimics the way most users think about styling. After all, in most companies, there is a \u201chouse style\u201d that will dictate which logo to use, which fonts to use for headings and body text, and which colors to use. <br><br>Individual departments often augment this corporate house style, for example by specifying that numbering should follow a certain format, and that pages should have a certain left margin. Finally, individual users may have their own preferences.<\/p>\n\n\n<\/div>\n\n\n<p>In practice, ClauseBase takes the following steps to combine \u2014 for example \u2014 the font style for body text.<\/p>\n\n\n\n<ol><li>It starts with the ClauseBase default font style, currently&nbsp;<strong>Arial, 10 pt size, black, justified<\/strong>.<\/li><li>It checks whether a default font style is stored in the customer\u2019s account settings. Assume, for example, that the administrator has indeed chosen Times New Roman as the customer\u2019s font style. The result of this step will then be&nbsp;<strong>Times New Roman, 10 pt, black, justified<\/strong>. Note that the font size, color and alignment were left untouched, because the customer\u2019s account settings did not&nbsp;<em>override<\/em>&nbsp;these elements.<\/li><li>Next, ClauseBase checks whether a default font style is stored in any of the groups to which the user belongs (e.g., the group\/department Corporate Law). If the group Corporate Law would for example have chosen Courier 12 pt as the default for the group, then the result of this step will be&nbsp;<strong>Courier, 12 pt, black, justified<\/strong>. Note that Corporate Law deviates from what the customer\u2019s Times New Roman house style. Also note that it is perfectly possible that some other department would not deviate from the customer\u2019s house style \u2014 which would cause the users of that department to use the Times New Roman of the house style.<\/li><li>ClauseBase then checks whether the user has the right to store deviating styling. Assume this is indeed the case, and that the user has chosen left-alignment, because most of his clients simply do not like justified texts. The result at this step will be&nbsp;<strong>Courier, 12pt, black, left-aligned<\/strong>.<\/li><\/ol>\n\n\n\n<p>Then result is that, without changing the legal content of a document, the resulting .DOCX or .PDF file can look very different, depending on the style settings that have been chosen by a customer, group and\/or user.<\/p>\n\n\n<div class=\"ub-styled-box ub-notification-box\" id=\"ub-styled-box-c68c1c2e-b87e-4dc0-8587-f0aaeedffc86\">\n\n\n<p class=\"has-text-align-left\">When a user is a member of multiple groups, and each of those groups specifies a certain style setting, the alphabetically\u00a0last\u00a0style setting (according to its style&#8217;s name) will get precedence. <br><br>For example, if a user is a member of Group X (having a default style called &#8220;X&#8221; which sets the font to Arial) and Group Y (having a default style called &#8220;Y&#8221;, which sets the font to Georgia) then \u2014 assuming no other default styles apply \u2014 the font will be set to Georgia, because style &#8220;Y&#8221; comes alphabetically after style &#8220;X&#8221;.<\/p>\n\n\n<\/div>\n\n<div class=\"ub-styled-box ub-notification-box\" id=\"ub-styled-box-912d85df-fb25-4ab4-a062-b6f8726272b8\">\n\n\n<p class=\"has-text-align-left\">After the administrator has made any changes or updates to the customer account style settings, users with open sessions will have to refresh their browsers before being able to access the updated styles.<\/p>\n\n\n<\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"embedded-styles\">Embedded styles<\/h2>\n\n\n\n<p>The aformentioned combination of styles provides sufficient power to deal with the majority of situations.<\/p>\n\n\n\n<p>However, there are situations where the strict separation of content &amp; style should be loosened. For example, it may be the case that a specific document should&nbsp;<em>always<\/em>&nbsp;use headings in a red font or a specific type of numbering, irrespective of the default styling that happens to be chosen by a customer, group and\/or user.<\/p>\n\n\n\n<p>ClauseBase therefore optionally allows you to attach specific styling to a document or clause. This styling will be applied as the last step, to override the default styling for the customer, group and\/or user.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Discusses the styling philosophy of ClauseBase.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ub_ctt_via":""},"kbtopic":[26],"kbtag":[190,189,191,107],"_links":{"self":[{"href":"https:\/\/help.clausebase.com\/wp-json\/wp\/v2\/kb\/1160"}],"collection":[{"href":"https:\/\/help.clausebase.com\/wp-json\/wp\/v2\/kb"}],"about":[{"href":"https:\/\/help.clausebase.com\/wp-json\/wp\/v2\/types\/kb"}],"author":[{"embeddable":true,"href":"https:\/\/help.clausebase.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/help.clausebase.com\/wp-json\/wp\/v2\/comments?post=1160"}],"version-history":[{"count":0,"href":"https:\/\/help.clausebase.com\/wp-json\/wp\/v2\/kb\/1160\/revisions"}],"wp:attachment":[{"href":"https:\/\/help.clausebase.com\/wp-json\/wp\/v2\/media?parent=1160"}],"wp:term":[{"taxonomy":"kbtopic","embeddable":true,"href":"https:\/\/help.clausebase.com\/wp-json\/wp\/v2\/kbtopic?post=1160"},{"taxonomy":"kbtag","embeddable":true,"href":"https:\/\/help.clausebase.com\/wp-json\/wp\/v2\/kbtag?post=1160"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}