{"id":121,"date":"2014-04-11T15:32:13","date_gmt":"2014-04-11T22:32:13","guid":{"rendered":"https:\/\/syncimprov.com\/?p=121"},"modified":"2014-04-11T15:32:13","modified_gmt":"2014-04-11T22:32:13","slug":"customizing-background-colors-in-e1-web-client-9-1-x","status":"publish","type":"post","link":"https:\/\/syncimprov.com\/?p=121","title":{"rendered":"Customizing the look and feel of E1 web client (9.1.x)"},"content":{"rendered":"<p>A frequent request from clients is to change the background color to distinguish between environments. This post is specific to the EnterpriseOne 9.1 Tools Release. <\/p>\n<p>1. Locate the webguistylesheet.jsp file here:<br \/>\n<code style=\"margin-left:20px;\">\\Oracle\\Middleware\\user_projects\\domains\\\\servers\\\\stage\\\\app\\webclient.war\\share\\css<\/code><\/p>\n<p>For example:<br \/>\n<code style=\"margin-left:20px;\">e:\\Oracle\\Middleware\\user_projects\\domains\\J90_E1_Apps\\servers\\JSVR_WL_DV\\stage\\HTML_WEB01_DV_8051\\app\\webclient.war\\share\\css<\/code><\/p>\n<p>2. <strong style=\"color:red;\">Make a backup copy of the file before making any changes.<\/strong><\/p>\n<p>3. Load the file into Notepad++ or any other editor that massages carriage returns correctly (don\u2019t use Windows notepad).<\/p>\n<p>4. Locate the following styles and change the background-color to a color of your choice. Choose a color that is non-intrusive. See http:\/\/www.w3schools.com\/cssref\/css_colornames.asp for a list of standard CSS colors. You can pick different colors for these elements, but it is a good idea to keep them the same for a common look and feel.<\/p>\n<p style=\"margin-left:20px;\">\n<code><br \/>\ntopbody<br \/>\nloginFrameTD<br \/>\ntopnavtable<br \/>\ndiv#carousel.caroLeft,div#carousel.caroRight<\/code>\n<\/p>\n<p>For example:<\/p>\n<p style=\"margin-left:20px;\">\n<code style=\"margin-left:20px;\"><br \/>\n.topbody {<br \/>\nbackground-position:right;<br \/>\nbackground-color: lightBlue;<br \/>\nbackground-repeat:repeat-y;<br \/>\nmargin-left:0px;<br \/>\nmargin-top:0px;<br \/>\nmargin-right:0px;<br \/>\nmargin-bottom:0px;<br \/>\n}<\/code>\n<\/p>\n<p>5. Add the following style to the end of the file:<\/p>\n<p style=\"margin-left:20px;\">\n<code><br \/>\n#e1formDiv<br \/>\n{<br \/>\n  background-color: lightBlue; \/* or color of your choice *\/<br \/>\n}<\/code><\/p>\n<p>6. Add a comment to the top of the file. This comment will be used to verify if the latest version of the file is being rendered by the browser. For example:<\/p>\n<p style=\"margin-left:20px;\">\n<code><br \/>\n\/* aellius: make sure this shows up. Version: 1.0 *\/<\/code><\/p>\n<p>7. Stop the WebLogic or WebSphere server. This is required to clear the cache. For WebLogic server, this file may be cached in a temporary file. The cache needs to be cleared manually when the server is down. To do that, follow these steps:<\/p>\n<ul>\n<li>Locate the tmp folder here:<br \/>\n<code style=\"margin-left:35px;\">\\Oracle\\Middleware\\user_projects\\domains\\\\servers\\<\/code><br \/>\nFor example:<br \/>\n<code style=\"margin-left:35px;\">e:\\Oracle\\Middleware\\user_projects\\domains\\J90_E1_Apps\\servers\\JSVR_WL_DV\\stage\\HTML_WEB01_DV_8051\\app\\webclient.war\\share\\css<\/code>\n<\/li>\n<li>Rename the tmp folder. You cannot rename the folder if the WebLogic domain is running. This folder will be recreated when you start the server<\/li>\n<\/ul>\n<p>8. To change the logo displayed on the first screen, change the logo_E900.png or logo_E910.png.<br \/>\n9. Start the web server.<br \/>\n10. Clear the cache on the web browser or type Ctrl + F5 to force the browser to discard the cache. E1 apps are launched in a separate frame. If you use Ctrl+F5, you should do that on the app frame as well (click any control in an app and do Ctrl+F5).<\/p>\n<p>11. Verify that the latest version of the file is being rendered. Use the following URL to browse to the file:<\/p>\n<p><code style=\"margin-left:20px;\">http:\/\/\/jde\/share\/css\/webguistylesheet.jsp<\/code><\/p>\n<p>If you are using IE, the file will download and display in notepad. Verify that the comment you placed in the previous step is displayed.<\/p>\n<p>That&#8217;s it. You are good to go! Here is a screenshot of a customized E1 web client.<\/p>\n<p><a href=\"https:\/\/syncimprov.com\/wp-content\/uploads\/2014\/04\/e1-screenshot1.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/syncimprov.com\/wp-content\/uploads\/2014\/04\/e1-screenshot1.png\" alt=\"e1 screenshot1\" width=\"1200\" height=\"771\" class=\"aligncenter size-full wp-image-143\" srcset=\"https:\/\/syncimprov.com\/wp-content\/uploads\/2014\/04\/e1-screenshot1.png 1223w, https:\/\/syncimprov.com\/wp-content\/uploads\/2014\/04\/e1-screenshot1-300x193.png 300w, https:\/\/syncimprov.com\/wp-content\/uploads\/2014\/04\/e1-screenshot1-1024x658.png 1024w, https:\/\/syncimprov.com\/wp-content\/uploads\/2014\/04\/e1-screenshot1-768x494.png 768w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/syncimprov.com\/wp-content\/uploads\/2014\/04\/e1-screenshot2.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/syncimprov.com\/wp-content\/uploads\/2014\/04\/e1-screenshot2.png\" alt=\"e1 screenshot2\" width=\"1200\" height=\"587\" class=\"aligncenter size-full wp-image-145\" srcset=\"https:\/\/syncimprov.com\/wp-content\/uploads\/2014\/04\/e1-screenshot2.png 1326w, https:\/\/syncimprov.com\/wp-content\/uploads\/2014\/04\/e1-screenshot2-300x147.png 300w, https:\/\/syncimprov.com\/wp-content\/uploads\/2014\/04\/e1-screenshot2-1024x501.png 1024w, https:\/\/syncimprov.com\/wp-content\/uploads\/2014\/04\/e1-screenshot2-768x376.png 768w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>A frequent request from clients is to change the background color to distinguish between environments. This post is specific to the EnterpriseOne 9.1 Tools Release. 1. Locate the webguistylesheet.jsp file here: \\Oracle\\Middleware\\user_projects\\domains\\\\servers\\\\stage\\\\app\\webclient.war\\share\\css For example: e:\\Oracle\\Middleware\\user_projects\\domains\\J90_E1_Apps\\servers\\JSVR_WL_DV\\stage\\HTML_WEB01_DV_8051\\app\\webclient.war\\share\\css 2. Make a backup copy &hellip; <a href=\"https:\/\/syncimprov.com\/?p=121\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":148,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[4,6,7,8,12,13],"class_list":["post-121","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-background","tag-change","tag-color","tag-e1","tag-jde","tag-logo"],"_links":{"self":[{"href":"https:\/\/syncimprov.com\/index.php?rest_route=\/wp\/v2\/posts\/121","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/syncimprov.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/syncimprov.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/syncimprov.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/syncimprov.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=121"}],"version-history":[{"count":0,"href":"https:\/\/syncimprov.com\/index.php?rest_route=\/wp\/v2\/posts\/121\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/syncimprov.com\/index.php?rest_route=\/wp\/v2\/media\/148"}],"wp:attachment":[{"href":"https:\/\/syncimprov.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=121"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/syncimprov.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=121"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/syncimprov.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=121"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}