{"id":7071,"date":"2014-09-30T05:43:59","date_gmt":"2014-09-30T12:43:59","guid":{"rendered":"http:\/\/www.technosolutions.com\/kb\/?p=7071"},"modified":"2016-08-20T05:01:49","modified_gmt":"2016-08-20T12:01:49","slug":"how-to-configure-oneview-document-stylesheets","status":"publish","type":"post","link":"http:\/\/www.technosolutions.com\/kb\/7071\/how-to-configure-oneview-document-stylesheets\/","title":{"rendered":"How to configure a OneView Document Stylesheet"},"content":{"rendered":"<p><!-- Start ScreenSteps Content --><\/p>\n<div class=\"LessonContent\">\n<div class=\"LessonStep top\">\n<h3 class=\"StepTitle\" style=\"font-size: 20px;\">Overview<\/h3>\n<div class=\"StepInstructions\">\n<p>A OneView Stylesheet is a collection of styles that can be used to change the look and feel of a OneView Document.<\/p>\n<p>In this article, you will learn how to create and define a new OneView Stylesheet.<\/p>\n<\/div>\n<\/div>\n<div class=\"LessonStep top\">\n<h3 class=\"StepTitle\" style=\"font-size: 20px;\">Who should read this?<\/h3>\n<div class=\"StepInstructions\">\n<ul>\n<li>TopTeam Administrators<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<div class=\"LessonStep top\">\n<h3 class=\"StepTitle\" style=\"font-size: 20px;\">Step 1. Click the gear icon and select Administration<\/h3>\n<div class=\"StepImage\" style=\"margin: 10px 0px;\"><img loading=\"lazy\" decoding=\"async\" style=\"padding: 3px; border: 1px solid #ccc;\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-layzr=\"http:\/\/www.technosolutions.com\/kb\/wp-content\/uploads\/2016\/05\/wpid11940-media_1411990677367.png\" alt=\"wpid11940-media_1411990677367.png\" width=\"390\" height=\"251\" \/><\/div>\n<div class=\"StepInstructions\"><\/div>\n<\/div>\n<div class=\"LessonStep top\">\n<h3 class=\"StepTitle\" style=\"font-size: 20px;\">Step 2. Click Configure OneView Settings<\/h3>\n<div class=\"StepImage\" style=\"margin: 10px 0px;\"><img loading=\"lazy\" decoding=\"async\" style=\"padding: 3px; border: 1px solid #ccc;\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-layzr=\"http:\/\/www.technosolutions.com\/kb\/wp-content\/uploads\/2016\/05\/wpid11941-media_1411990873570.png\" alt=\"wpid11941-media_1411990873570.png\" width=\"716\" height=\"346\" \/><\/div>\n<div class=\"StepInstructions\"><\/div>\n<\/div>\n<div class=\"LessonStep top\">\n<h3 class=\"StepTitle\" style=\"font-size: 20px;\">Step 3. Click Define OneView Stylesheet<\/h3>\n<div class=\"StepImage\" style=\"margin: 10px 0px;\"><img loading=\"lazy\" decoding=\"async\" style=\"padding: 3px; border: 1px solid #ccc;\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-layzr=\"http:\/\/www.technosolutions.com\/kb\/wp-content\/uploads\/2016\/05\/wpid11942-media_1411990973784.png\" alt=\"wpid11942-media_1411990973784.png\" width=\"721\" height=\"346\" \/><\/div>\n<div class=\"StepInstructions\"><\/div>\n<\/div>\n<div class=\"LessonStep top\">\n<h3 class=\"StepTitle\" style=\"font-size: 20px;\">Step 4. Define OneView Stylesheets screen opens<\/h3>\n<div class=\"StepImage\" style=\"margin: 10px 0px;\"><img loading=\"lazy\" decoding=\"async\" style=\"padding: 3px; border: 1px solid #ccc;\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-layzr=\"http:\/\/www.technosolutions.com\/kb\/wp-content\/uploads\/2016\/05\/wpid11944-media_1412055664947.png\" alt=\"wpid11944-media_1412055664947.png\" width=\"800\" height=\"375\" \/><\/div>\n<div class=\"StepInstructions\"><\/div>\n<\/div>\n<div class=\"LessonStep top\">\n<h3 class=\"StepTitle\" style=\"font-size: 20px;\">Step 5. Click New Stylesheet<\/h3>\n<div class=\"StepImage\" style=\"margin: 10px 0px;\"><img loading=\"lazy\" decoding=\"async\" style=\"padding: 3px; border: 1px solid #ccc;\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-layzr=\"http:\/\/www.technosolutions.com\/kb\/wp-content\/uploads\/2016\/05\/wpid11943-media_1411992515337.png\" alt=\"wpid11943-media_1411992515337.png\" width=\"424\" height=\"289\" \/><\/div>\n<div class=\"StepInstructions\">\n<p><strong>NOTE<\/strong>: You can also create a new Stylesheet from an existing one using <strong>Clone Stylesheet.<\/strong><\/p>\n<\/div>\n<\/div>\n<div class=\"LessonStep top\">\n<h3 class=\"StepTitle\" style=\"font-size: 20px;\">Step 6. Define OneView Stylesheet Editor opens<\/h3>\n<div class=\"StepImage\" style=\"margin: 10px 0px;\"><img loading=\"lazy\" decoding=\"async\" style=\"padding: 3px; border: 1px solid #ccc;\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-layzr=\"http:\/\/www.technosolutions.com\/kb\/wp-content\/uploads\/2016\/05\/wpid11955-media_1412069392042.png\" alt=\"wpid11955-media_1412069392042.png\" width=\"800\" height=\"754\" \/><\/div>\n<div class=\"StepInstructions\"><\/div>\n<\/div>\n<div class=\"LessonStep top\">\n<h3 class=\"StepTitle\" style=\"font-size: 20px;\">Step 7. Specify a name for the Stylesheet<\/h3>\n<div class=\"StepImage\" style=\"margin: 10px 0px;\"><img loading=\"lazy\" decoding=\"async\" style=\"padding: 3px; border: 1px solid #ccc;\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-layzr=\"http:\/\/www.technosolutions.com\/kb\/wp-content\/uploads\/2016\/05\/wpid11945-media_1412058654700.png\" alt=\"wpid11945-media_1412058654700.png\" width=\"800\" height=\"159\" \/><\/div>\n<div class=\"StepInstructions\"><\/div>\n<\/div>\n<div class=\"LessonStep top\">\n<h3 class=\"StepTitle\" style=\"font-size: 20px;\">Step 8. Select a style and define its properties such as name, text formatting, etc.<\/h3>\n<div class=\"StepInstructions\"><\/div>\n<\/div>\n<div class=\"LessonStep top\">\n<h3 class=\"StepTitle\" style=\"font-size: 20px;\">Step 8.1. Select a OneView Element<\/h3>\n<div class=\"StepImage\" style=\"margin: 10px 0px;\"><img loading=\"lazy\" decoding=\"async\" style=\"padding: 3px; border: 1px solid #ccc;\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-layzr=\"http:\/\/www.technosolutions.com\/kb\/wp-content\/uploads\/2016\/05\/wpid11946-media_1412058791426.png\" alt=\"wpid11946-media_1412058791426.png\" width=\"800\" height=\"656\" \/><\/div>\n<div class=\"StepInstructions\">\n<p><strong>OneView Elements:<\/strong><\/p>\n<ul>\n<li><strong>Record Title<\/strong> &#8211;  Style is applied to <em>Record Title<\/em> in card layout.<\/li>\n<li><strong>Field Caption<\/strong> &#8211; Style is applied to <em>Field Caption<\/em> in card layout.<\/li>\n<li><strong>Field Value<\/strong> &#8211; Style is applied to <em>Field Value<\/em> in card layout<\/li>\n<li><strong>Document Title<\/strong> &#8211; Style is applied to <em>Document Title<\/em>.<\/li>\n<li><strong>Table Header<\/strong> &#8211; Style is applied to<em> Table Header<\/em> in tabular layout.<\/li>\n<li><strong>Table Cell<\/strong> &#8211; Style is applied to the data displayed in cells in tabular layout.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<div class=\"LessonStep top\">\n<div class=\"StepImage\" style=\"margin: 10px 0px;\"><img loading=\"lazy\" decoding=\"async\" style=\"padding: 3px; border: 1px solid #ccc;\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-layzr=\"http:\/\/www.technosolutions.com\/kb\/wp-content\/uploads\/2016\/05\/wpid11956-media_1413962828617.png\" alt=\"wpid11956-media_1413962828617.png\" width=\"800\" height=\"729\" \/><\/div>\n<div class=\"StepInstructions\"><\/div>\n<\/div>\n<div class=\"LessonStep top\">\n<h3 class=\"StepTitle\" style=\"font-size: 20px;\">Step 8.2. Select Record Types. This style will be applied to all the record types selected in the Select Record Types window.<\/h3>\n<div class=\"StepImage\" style=\"margin: 10px 0px;\"><img loading=\"lazy\" decoding=\"async\" style=\"padding: 3px; border: 1px solid #ccc;\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-layzr=\"http:\/\/www.technosolutions.com\/kb\/wp-content\/uploads\/2016\/05\/wpid11947-media_1412059205741.png\" alt=\"wpid11947-media_1412059205741.png\" width=\"533\" height=\"679\" \/><\/div>\n<div class=\"StepInstructions\">\n<ul>\n<li><strong>Any Record Type<\/strong> &#8211;  Choose this option to apply this style to all record types in TopTeam.<\/li>\n<li><strong>Any Requirement Type &#8211; <\/strong>Choose this option to apply this style to all Requirement Types (such as Business Requirements, Product Requirements, etc.) available in TopTeam.<\/li>\n<li><strong>Selected Record Types &#8211; <\/strong> Choose this option to apply this style to the selected record types in TopTeam.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<div class=\"LessonStep top\">\n<h3 class=\"StepTitle\" style=\"font-size: 20px;\">Step 8.3. Select States. The style will be applied to the selected record types and only for the States specified in the Select States window.<\/h3>\n<div class=\"StepImage\" style=\"margin: 10px 0px;\"><img loading=\"lazy\" decoding=\"async\" style=\"padding: 3px; border: 1px solid #ccc;\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-layzr=\"http:\/\/www.technosolutions.com\/kb\/wp-content\/uploads\/2016\/05\/wpid11948-media_1412059691584.png\" alt=\"wpid11948-media_1412059691584.png\" width=\"545\" height=\"703\" \/><\/div>\n<div class=\"StepInstructions\">\n<ul>\n<li><strong>Any State &#8211; <\/strong>Choose this option to apply this style to all States.<\/li>\n<li><strong>Selected State &#8211; <\/strong>Choose this option to apply this style to the selected States.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<div class=\"LessonStep top\">\n<h3 class=\"StepTitle\" style=\"font-size: 20px;\">Step 8.4. Select an Outline Level<\/h3>\n<div class=\"StepImage\" style=\"margin: 10px 0px;\"><img loading=\"lazy\" decoding=\"async\" style=\"padding: 3px; border: 1px solid #ccc;\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-layzr=\"http:\/\/www.technosolutions.com\/kb\/wp-content\/uploads\/2016\/05\/wpid11949-media_1412059854454.png\" alt=\"wpid11949-media_1412059854454.png\" width=\"541\" height=\"380\" \/><\/div>\n<div class=\"StepInstructions\">\n<p>Select an Outline Level to modify the style of a specific record in the hierarchy.<\/p>\n<\/div>\n<\/div>\n<div class=\"LessonStep top\">\n<h3 class=\"StepTitle\" style=\"font-size: 20px;\">Step 8.5. Specify the Outline Level Style<\/h3>\n<div class=\"StepImage\" style=\"margin: 10px 0px;\"><img loading=\"lazy\" decoding=\"async\" style=\"padding: 3px; border: 1px solid #ccc;\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-layzr=\"http:\/\/www.technosolutions.com\/kb\/wp-content\/uploads\/2016\/05\/wpid11950-media_1412060256005.png\" alt=\"wpid11950-media_1412060256005.png\" width=\"477\" height=\"335\" \/><\/div>\n<div class=\"StepInstructions\">\n<p>An Outline Level is used to generate a Table of Contents in a Microsoft Word document generated for end user reviews.<\/p>\n<p>Text with an Outline Level set to &#8220;Normal&#8221; will not appear in the<strong> T<\/strong>able of Contents.<\/p>\n<\/div>\n<\/div>\n<div class=\"LessonStep top\">\n<h3 class=\"StepTitle\" style=\"font-size: 20px;\">Step 8.6. Configure other element styles as per your specifications<\/h3>\n<div class=\"StepImage\" style=\"margin: 10px 0px;\"><img loading=\"lazy\" decoding=\"async\" style=\"padding: 3px; border: 1px solid #ccc;\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-layzr=\"http:\/\/www.technosolutions.com\/kb\/wp-content\/uploads\/2016\/05\/wpid11951-media_1412060391191.png\" alt=\"wpid11951-media_1412060391191.png\" width=\"535\" height=\"522\" \/><\/div>\n<div class=\"StepInstructions\">\n<p>A style is defined within a Stylesheet. Element by element, modify or define the remaining styles within the Stylesheet using this screen.<\/p>\n<\/div>\n<\/div>\n<div class=\"LessonStep top\">\n<h3 class=\"StepTitle\" style=\"font-size: 20px;\">NOTE: You will also see options to Add, Clone and Delete Styles<\/h3>\n<div class=\"StepImage\" style=\"margin: 10px 0px;\"><img loading=\"lazy\" decoding=\"async\" style=\"padding: 3px; border: 1px solid #ccc;\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-layzr=\"http:\/\/www.technosolutions.com\/kb\/wp-content\/uploads\/2016\/05\/wpid11952-media_1412060625860.png\" alt=\"wpid11952-media_1412060625860.png\" width=\"272\" height=\"650\" \/><\/div>\n<div class=\"StepInstructions\"><\/div>\n<\/div>\n<div class=\"LessonStep top\">\n<h3 class=\"StepTitle\" style=\"font-size: 20px;\">Step 9. Save the Stylesheet<\/h3>\n<div class=\"StepImage\" style=\"margin: 10px 0px;\"><img loading=\"lazy\" decoding=\"async\" style=\"padding: 3px; border: 1px solid #ccc;\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-layzr=\"http:\/\/www.technosolutions.com\/kb\/wp-content\/uploads\/2016\/05\/wpid11953-media_1412061016156.png\" alt=\"wpid11953-media_1412061016156.png\" width=\"800\" height=\"705\" \/><\/div>\n<div class=\"StepInstructions\"><\/div>\n<\/div>\n<div class=\"LessonStep top\">\n<h3 class=\"StepTitle\" style=\"font-size: 20px;\">Step 10. The new Stylesheet is configured<\/h3>\n<div class=\"StepImage\" style=\"margin: 10px 0px;\"><img loading=\"lazy\" decoding=\"async\" style=\"padding: 3px; border: 1px solid #ccc;\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-layzr=\"http:\/\/www.technosolutions.com\/kb\/wp-content\/uploads\/2016\/05\/wpid11954-media_1412061268848.png\" alt=\"wpid11954-media_1412061268848.png\" width=\"616\" height=\"399\" \/><\/div>\n<div class=\"StepInstructions\"><\/div>\n<\/div>\n<div class=\"LessonStep top\">\n<div class=\"StepInstructions\">\n<p>Revised: Sept 29th, 2014<\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><!-- End ScreenSteps Content --><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Overview A OneView Stylesheet is a collection of styles that can be used to change the look and feel of a OneView Document. In this article, you will learn how to create and define a new OneView Stylesheet. Who should read this? TopTeam Administrators Step 1. Click the gear icon and select Administration Step 2. Click Configure OneView Settings Step 3. Click Define OneView Stylesheet Step 4. Define OneView Stylesheets screen opens Step 5. Click New Stylesheet NOTE: You can also create a new Stylesheet from an existing one using Clone Stylesheet. Step 6. Define OneView Stylesheet Editor opens Step <\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[113],"tags":[288,194],"class_list":["post-7071","post","type-post","status-publish","format-standard","hentry","category-oneview","tag-oneview","tag-stylesheets"],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/paoaNA-1Q3","_links":{"self":[{"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/posts\/7071","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/comments?post=7071"}],"version-history":[{"count":9,"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/posts\/7071\/revisions"}],"predecessor-version":[{"id":26772,"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/posts\/7071\/revisions\/26772"}],"wp:attachment":[{"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/media?parent=7071"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/categories?post=7071"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/tags?post=7071"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}