{"id":110,"date":"2020-04-18T09:01:42","date_gmt":"2020-04-18T15:01:42","guid":{"rendered":"https:\/\/ganon.club\/?p=110"},"modified":"2020-04-18T09:01:42","modified_gmt":"2020-04-18T15:01:42","slug":"how-to-change-the-host-server-icon-in-vsphere-7-0-and-6-7u3","status":"publish","type":"post","link":"https:\/\/jackharvest.com\/index.php\/2020\/04\/18\/how-to-change-the-host-server-icon-in-vsphere-7-0-and-6-7u3\/","title":{"rendered":"How to change the host server icon in vsphere 7.0 (and 6.7u3)"},"content":{"rendered":"\n<p>I love my custom host server icon. I dabbled around, and did it incorrectly a few times (take backups!) before I got the recipe right.<\/p>\n\n\n\n<p>I mean <span style=\"color:#a30000\" class=\"has-inline-color\">look at this thing<\/span>. <img decoding=\"async\" class=\"wp-image-111\" style=\"width: 141px;\" src=\"https:\/\/jackharvest.com\/wp-content\/uploads\/2020\/04\/boringicon.png\" alt=\"\"><br>Nobody&#8217;s server looks like this crusty old box. Its literally, the worst.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/jackharvest.com\/wp-content\/uploads\/2020\/04\/skull-canyon-icon-vsphere-blanked-1024x275.png\" alt=\"\" class=\"wp-image-120\"\/><\/figure>\n\n\n\n<p>Much better. Customized to what I&#8217;m running. Feels like home.<\/p>\n\n\n\n<p><strong><span style=\"color:#a30000\" class=\"has-inline-color\">Normal yada yada Dislaimer<\/span><\/strong>: Obviously, this isn&#8217;t supported by VMware (sadly). Doing this incorrectly WILL result in a blank screen when you click on hosts. Take the backups as described.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Pre-Steps:<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>First of all, lets find this image on the VCSA. <ul><li>Right click on it, and copy the image address.<\/li><\/ul><ul><li>https:\/\/[domain]\/ui\/host-ui\/resources15863815\/img\/obj-host.png<\/li><\/ul><\/li><li>Open up WinSCP, and log into your VCSA.<ul><li>Search the &#8220;usr&#8221; folder for &#8220;*host-ui*&#8221; (since we saw that was part of the folder path for this image). The asterisks are important, cause we have no idea what the file name is yet.<\/li><\/ul><ul><li><img decoding=\"async\" class=\"wp-image-113\" style=\"width: 500px;\" src=\"https:\/\/jackharvest.com\/wp-content\/uploads\/2020\/04\/host-ui.png\" alt=\"\"><\/li><li>A match! Right click and choose &#8220;Focus&#8221; to go to the folder.<\/li><\/ul><\/li><li>Make a backup by right-clicking and choosing Duplicate.<ul><li><img decoding=\"async\" class=\"wp-image-114\" style=\"width: 500px;\" src=\"https:\/\/jackharvest.com\/wp-content\/uploads\/2020\/04\/make-a-backup.png\" alt=\"\"><\/li><\/ul><\/li><\/ul>\n\n\n\n<p>Now, we&#8217;re going to use <a href=\"https:\/\/twitter.com\/lamw\">William Lam<\/a>&#8216;s <a href=\"https:\/\/www.virtuallyghetto.com\/2018\/05\/changes-to-vsphere-client-login-ui-customizations-in-vsphere-6-7.html\">guide for editing the sign-in page<\/a> as a reference:<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Steps:<\/h2>\n\n\n\n<p><strong>Step 1<\/strong> &#8211; We&#8217;re going to work out of a temp folder named &#8216;h5-host-ui&#8217; in \/root. Log into VCSA via SSH (I use Putty) and run this command:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>mkdir \/root\/h5-host-ui\ncp \/usr\/lib\/vmware-vsphere-ui\/plugin-packages\/vsphere-client\/plugins\/h5-host-ui.war \/root\/h5-host-ui<\/code><\/pre>\n\n\n\n<p><strong>Step 2<\/strong> &#8211; Now lets warp into the folder, unzip the war file, and ditch the .war file itself:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>cd \/root\/h5-host-ui\nunzip h5-host-ui.war\nrm h5-host-ui.war<\/code><\/pre>\n\n\n\n<p><strong>Step 3<\/strong> &#8211; Back in WinSCP, navigate to \/root\/h5-host-ui\/ , dig around until you find that obj-host.png file. Replace it!<\/p>\n\n\n\n<p><em>My replacement image was 96&#215;124 to match the original. Not sure if this is required or not. Image kilobyte size doesn&#8217;t seem to matter; Mine went from 5kb to 21kb.<\/em><\/p>\n\n\n\n<p><strong>Step 4<\/strong> &#8211; Now its time for the most important step, <strong>re-zipping<\/strong>. <em>YOU MUST DO THESE STEPS IN AN SSH SESSION. YOU CANNOT DOWNLOAD THESE WAR FILES AND EDIT THEM AND RE-ZIP THEM, IT WILL BRICK THE WAR FILE.<\/em><\/p>\n\n\n\n<p>The code below does the following: Hop into the h5-host-ui folder which is where you unzipped everything previously, then, zip up and create a new h5-host-ui.war file, which includes the following files and folders. <em>Take special note of the resources######## folder, yours may differ from mine at a later build of VCSA<\/em>.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>cd \/root\/h5-host-ui\nzip -r \/root\/h5-host-ui.war plugin.xml META-INF resources15863815 WEB-INF locales<\/code><\/pre>\n\n\n\n<p>You did it. You now have a beautiful h5-host-ui.war file that includes your custom .png file for the server object icon!<\/p>\n\n\n\n<p><strong>Step <\/strong>5 &#8211; Paste your new .war file back on top of where you got it from (remember, take a backup of the original, you can&#8217;t get that back without rebuilding VCSA from scratch). (You can also just right-click and copy this to the correct location, but you&#8217;re in SSH anyway so&#8230;)<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>cp \/root\/h5-host-ui.war \/usr\/lib\/vmware-vsphere-ui\/plugin-packages\/vsphere-client\/plugins\/h5-host-ui.war<\/code><\/pre>\n\n\n\n<p>Reboot VCSA to take affect.<\/p>\n\n\n\n<p>Also, CTRL + F5 to hard-refresh the elements on your screen after you&#8217;ve logged back into VCSA in a browser (I was so sad it didn&#8217;t work at first, but it actually did).<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I love my custom host server icon. I dabbled around, and did it incorrectly a few times (take backups!) before I got the recipe right. I mean look at this thing. Nobody&#8217;s server looks like this crusty old box. Its literally, the worst. Much better. Customized to what I&#8217;m running. Feels like home. Normal yada&hellip;&nbsp;<a href=\"https:\/\/jackharvest.com\/index.php\/2020\/04\/18\/how-to-change-the-host-server-icon-in-vsphere-7-0-and-6-7u3\/\" rel=\"bookmark\">Read More &raquo;<span class=\"screen-reader-text\">How to change the host server icon in vsphere 7.0 (and 6.7u3)<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":120,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[18,23],"tags":[],"class_list":["post-110","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-intel-nuc","category-vmware"],"jetpack_featured_media_url":"https:\/\/jackharvest.com\/wp-content\/uploads\/2020\/04\/skull-canyon-icon-vsphere-blanked-1.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/jackharvest.com\/index.php\/wp-json\/wp\/v2\/posts\/110","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jackharvest.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jackharvest.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jackharvest.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jackharvest.com\/index.php\/wp-json\/wp\/v2\/comments?post=110"}],"version-history":[{"count":0,"href":"https:\/\/jackharvest.com\/index.php\/wp-json\/wp\/v2\/posts\/110\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/jackharvest.com\/index.php\/wp-json\/wp\/v2\/media\/120"}],"wp:attachment":[{"href":"https:\/\/jackharvest.com\/index.php\/wp-json\/wp\/v2\/media?parent=110"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jackharvest.com\/index.php\/wp-json\/wp\/v2\/categories?post=110"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jackharvest.com\/index.php\/wp-json\/wp\/v2\/tags?post=110"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}