{"componentChunkName":"component---src-templates-tutorial-js","path":"/en/tutorial/iManagerLOGO/","result":{"data":{"markdownRemark":{"html":"<h2 id=\"customize-the-product-information\"><a href=\"#customize-the-product-information\" aria-hidden class=\"anchor\"><svg aria-hidden=\"true\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Customize the Product Information</h2>\n<p>The content below is going to introduce how to replace the product information of iManager, such as name and Logo.</p>\n<p>Please follow the steps to replace the product information:</p>\n<ol>\n<li>Download the package ‘imanager-custom.zip’, <a href=\"/iManager_K8S/1014/1f761aad79930c6f0f5a57c449c663aa/imanager-custom.zip\">click to download</a>.</li>\n<li>Unzip ‘imanager-custom.zip’, copy the folder ‘imanager-custom’ to any directory of the machine which Kubernetes Master node is running on.</li>\n<li>\n<p>Enter the directory ‘imanager-custom’, open the file ‘values_en.yaml’, execute:</p>\n<div class=\"gatsby-highlight\" data-language=\"sh\"><pre class=\"gatsby-code-sh\"><code class=\"gatsby-code-sh\">vi values_en.yaml</code></pre></div>\n</li>\n<li>\n<p>Edit the file ‘values_en.yaml’, modify the following values to your product information:</p>\n<div class=\"gatsby-highlight\" data-language=\"yaml\"><pre class=\"gatsby-code-yaml\"><code class=\"gatsby-code-yaml\"><span class=\"token comment\"># Product name</span>\n<span class=\"token key atrule\">title</span><span class=\"token punctuation\">:</span> iManager\n<span class=\"token comment\"># Superscript of product name, you can keep in empty</span>\n<span class=\"token key atrule\">title_sup</span><span class=\"token punctuation\">:</span> for k8s\n<span class=\"token comment\"># Name display when you retract the navigation bar on the left</span>\n<span class=\"token key atrule\">title</span><span class=\"token punctuation\">:</span> iMgr\n<span class=\"token comment\"># File name of Logo</span>\n<span class=\"token key atrule\">logo</span><span class=\"token punctuation\">:</span> logo.svg\n<span class=\"token comment\"># Copyright</span>\n<span class=\"token key atrule\">copyright</span><span class=\"token punctuation\">:</span> Copyright @ 2014<span class=\"token punctuation\">-</span>2020 SuperMap Software Co.<span class=\"token punctuation\">,</span> Ltd. All rights reserved\n<span class=\"token comment\"># Version</span>\n<span class=\"token key atrule\">version</span><span class=\"token punctuation\">:</span> Version 10.1.1</code></pre></div>\n</li>\n<li>Enter the directory ‘custom/keycloak’, replace the iManager icon ‘favicon.ico’ to your icon, relpace the iManager logo ‘logo.svg’ to your logo. The introduction of the pictures please refer to the appendix at the end of this page.</li>\n<li>Enter the directory ‘custom/imanager-dashboard-ui’, replace the iManager icon ‘favicon.ico’ to your icon, replace the iManager logo ‘logo.svg’ to your logo(You can define the name of the logo, just make sure to modify the logo name in ‘values_en.yaml’). The introduction of the pictures please refer to the appendix at the end of this page.</li>\n<li>\n<p>Back to the directory ‘imanager-custom’, execute the following command(replace <code class=\"gatsby-code-text\">&lt;namespace&gt;</code> to namespace of your iManager, replace <code class=\"gatsby-code-text\">&lt;registry&gt;</code> to address of you registry):</p>\n<div class=\"gatsby-highlight\" data-language=\"sh\"><pre class=\"gatsby-code-sh\"><code class=\"gatsby-code-sh\">chmod +x custom.sh &amp;&amp; ./custom.sh &lt;namespace&gt; &lt;registry&gt;</code></pre></div>\n</li>\n<li>Refresh interface of iManager.</li>\n</ol>\n<h3 id=\"appendix\"><a href=\"#appendix\" aria-hidden class=\"anchor\"><svg aria-hidden=\"true\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Appendix</h3>\n<p>Pictures explanation:</p>\n<table class=\"rtTable\" cellspacing=\"0\" width=70% align=\"center\">\n\t<col style=\"width: 50%;\" />\n\t<col style=\"width: 50%;\" />\n\t<tr class=\"t1st\">\n\t\t<th>Name</th>\n\t\t<th>Use</th>\n\t</tr>\n\t<tr class=\"t2Row\">\n\t\t<td>keycloak/favicon.ico</td>\n\t\t<td>The icon on the lable of login page</td>\n\t</tr>\n\t<tr class=\"t2Row\">\n\t\t<td>keycloak/logo.svg</td>\n\t\t<td>The product logo on the login page</td>\n\t</tr>\n\t<tr class=\"t2Row\">\n\t\t<td>imanager-dashboard-ui/favicon.ico</td>\n\t\t<td>The icon on the lable of management page</td>\n\t</tr>\n\t<tr class=\"t2Row\">\n\t\t<td>imanager-dashboard-ui/logo.svg</td>\n\t\t<td>The product logo on the management page</td>\n\t</tr>\n</table>\n<p>iManager icon:</p>\n<p>\n  <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/iManager_K8S/1014/static/e73effd2780e93abd94af7521181cd70/750d2/imanagerlogo1.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n  \n  <span\n    class=\"gatsby-resp-image-wrapper\"\n    style=\"position: relative; display: block;  max-width: 128px; margin-left: auto; margin-right: auto;\"\n  >\n    <span\n      class=\"gatsby-resp-image-background-image\"\n      style=\"padding-bottom: 100%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAEhElEQVQ4y22VWUxcZRTHL1CrqLRSQAbaatWmvphUE7cX9cGoNbEabaKppE9q1Ni6PKgPfagbkaWsszBtscWtVKxVRFqhtqJQMpal0LKUZQSKCHPvbMzMne3e+x3/586gffAmJ/Pd757z+872nZEKa2SJn4JqWbLUyZm8zq1aXFVYK++AHIW4IYm0zEBaIC/m1yxdx7pFdUrmzbUpxsqv9GF3OJOIMngN5e2QUUuDSkXOGFmsAbLUKSnBmveKnFGCzhTkBSn9AGbaS++dCWWsbK4u83xicUSoyBFmgA7R4LUBETBmMSCauW8PrYBrVuyL6tIeLoaNvLLeiPPZNp1BgmEIRVwtDEx/MwXvrKOvbzQIoHrmlJ5TzZRJ3VcSjnGNaFTREg994Rc5lTKtq5ZFbpUs1u6X6aYq2QwZELL8B6e8atnAdz3PESepdKkk7ahrde15dWQiSHT6z7i+tdFLdzq9otIVIVufSs4BlZ47HiDA4UkKyr984L2HfbTfFTFq+2J0ZDgamQtqD0s4ZceGAyo92OTTGZRd4RHPfBugYU+Szi8kaVzR+CDa4vRSfk0KVlyvUA48/6g7LCa8GrkWEsnpOLF+rYSTvr77qyS93L6s7WoNChxATx5LARnUPBqji1jv+jFINyIV6wErAPgOh0Lfjcfo7GxCnJqO6/0+ovo+9YSUXe5x7/klSrNBzeidTwhWfLzZT5fkJLWMxWhvV5jG4KWtX+UwTSB79/yJII1ABxBCyozLSNm+38Nu6foKT/ytzjB/FMfHY2KTXaFt8HBgMQV86psAoWgEL+ieRh8XwhRAaH5Zp53fB8XHPRExE9T5cE26odKTeP1UiEMUCPFfDznkk4BsafDS5xejxLl69eQyXVvuoftQDD6EU8J5B1xcxvd3Tod09nD2tY4oDS0lDc7HZofXBHLeOmGApqY9HSGa9mv02VCUoE+78T7p06i8N0LcYg0DqjEWINr7a3hWWvWpp+XNLsHV1H6aiovb7Yp4AsBBhNw+FadbbIrp0W9zCXL9laBHvvSTA63E+eM8ogbC3q9qUyrR4aFomyTtW9y5G0Ao6MgTA4mBF5ZSwM0NqXZpGo6aewcHVeqaS+UU4XLTCxRMmwQQ+5Vo7AvZ754JjQ0q5obBIT921C8uIeSf3Skj9Ca93RmiP9CXZ2cSNI584aqatwgtJBCyNhYiPqTcvCvI3Qcj2Ohwx+MoCkI2qyzaJlNFWQPD+4/4CG1FPRBur+0tAQJQYMoY1j5VnwgT71eYQBi/704Stc0Q3WpTjG3Nfj0dskDIgr2AoUCOBIojjqHZN9kUnadPvnWZWyh5xSDqW0iWmUD0X/GUT3u0pDXYwPPutgMhvi0aCqCxEQ8Eht510GvgWuoPNPm0QmuQig8luScP/TAR2wrPn0ZKNkjn5hPS1Q8AJTCeXWuLUa4dA9a+TIXpAcverLFGiacL2mkRXr8i/d/T/3cyA+FlrUztjfVyzkar8hKGQGv6L4A91TAYZnD12ovr5TcKajzrWPeaMjmjtCeShRRlodUy/gEY3SkBBSi2NgAAAABJRU5ErkJggg=='); background-size: cover; display: block;\"\n    >\n      <img\n        class=\"gatsby-resp-image-image\"\n        style=\"width: 100%; height: 100%; margin: 0; vertical-align: middle; position: absolute; top: 0; left: 0; box-shadow: inset 0px 0px 0px 400px white;\"\n        alt=\"imanagerlogo1\"\n        title=\"\"\n        src=\"/iManager_K8S/1014/static/e73effd2780e93abd94af7521181cd70/750d2/imanagerlogo1.png\"\n        srcset=\"/iManager_K8S/1014/static/e73effd2780e93abd94af7521181cd70/750d2/imanagerlogo1.png 128w\"\n        sizes=\"(max-width: 128px) 100vw, 128px\"\n      />\n    </span>\n  </span>\n  \n  </a>\n    </p>\n<p>iManager Logo:</p>\n<p>\n  <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/iManager_K8S/1014/static/3c1b358b562c0cc66e5f6f356c6e8e51/6f3f2/imanagerlogo.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n  \n  <span\n    class=\"gatsby-resp-image-wrapper\"\n    style=\"position: relative; display: block;  max-width: 256px; margin-left: auto; margin-right: auto;\"\n  >\n    <span\n      class=\"gatsby-resp-image-background-image\"\n      style=\"padding-bottom: 100%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAA7EAAAOxAGVKw4bAAADJElEQVQ4y5VUW0hUQRg+56y6EhIkVEg3utAVIXbGEil6C+qxh6jEoBLKoIgKKqiXCqEHC6J0xjSKTIKoKIIyitoyhHpIKtA97eXsOWd3c71FFzEItm+cOe6xUmjgOzNn/v//5r/NaJoalIc1wtyxNWEJjfB0QJtkQC+QX2f+pZAGLLVO6vn92GLC7OMguEqY0wTUEBYpkg7YRl4v+Sdh+C8BjM8BQyB8RFjqAkhB6L4HXOxtlKTJPCn/4CPkSRD0QmFIV2TXYRiF10v+jsbeA9kvHF6t/g3CP4LjjZe7H553BYpsKzBAmDltTM7SBZS7AcJTAcpcQ+lsx2Fnpfy7jn+DMkt6u7pRkH72JdkNQ2GXOiQ4WfIR1XzCnTr/HmX94pNVp8bLQHQUhKMgqiXsnfL4E9DnFW8mQtyE8IqQ12fr7udysKPQX4QCbvAXYC+QlbmzdqBtdmJG6J0zpNwKKO9r1raNgMTpBXEriC5iHa5o6cOe3U3Yi0IR1mYofsVG1YSQLrdC9rpEha4Ie2aBAMWK1sGj05jPA3DA6YR9g+ddt/BQFigTFMbw0J9TVXl3FcK8K/sxcRJ6b4Gn8P4xcBD7aClnnyAcJrx3gTSK6JQPKKI48Gr8VkDvVNUdkTPnDLxpB9kTEN0D+UtgP/QGKU/lhEE/BCu91iG8HRW8AdxU6ACi6hCrGmS3oHcAgGc2vIwh7MRh8DzEPF2cjFPcVm2KQVlKesnjy2hzJievog2vLBAnjuD/J3iuqVMjcyDMUOY0Yi4j/Fgw1Ly7ONRci3lLEeG8JJ9Pa5vMlduGGd65EcwPMD8HOkLMNJSiuRCCDmzaY1XkdgwwgSwa+BKqW0rkgV0grVM5ra9oyeZCDeOtV+zdAN+rYc1GE6+grG+5Qjlt+obK2ydEv6HKokVMysylhI0UIo/z1rR0ievn2XtECYPyL/rk71+yXoaWXo85hjSV+y6FelxcL+GOEkTFy4GLntZRBCCNta1axpwLw9v4R87ih6TdKOSWXnklOP4oTzm8t3Hig9tTqqpuyIswqP3XoCym5igaflit5WNSyXP5nPnGb9tDA/eUSWVMAAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n    >\n      <img\n        class=\"gatsby-resp-image-image\"\n        style=\"width: 100%; height: 100%; margin: 0; vertical-align: middle; position: absolute; top: 0; left: 0; box-shadow: inset 0px 0px 0px 400px white;\"\n        alt=\"imanagerlogo\"\n        title=\"\"\n        src=\"/iManager_K8S/1014/static/3c1b358b562c0cc66e5f6f356c6e8e51/6f3f2/imanagerlogo.png\"\n        srcset=\"/iManager_K8S/1014/static/3c1b358b562c0cc66e5f6f356c6e8e51/65ed1/imanagerlogo.png 210w,\n/iManager_K8S/1014/static/3c1b358b562c0cc66e5f6f356c6e8e51/6f3f2/imanagerlogo.png 256w\"\n        sizes=\"(max-width: 256px) 100vw, 256px\"\n      />\n    </span>\n  </span>\n  \n  </a>\n    </p>","frontmatter":{"title":"Tutorial","next":null,"prev":null},"fields":{"path":"content/tutorial/iManagerLOGO.en.md","slug":"/en/tutorial/iManagerLOGO/","langKey":"en"}}},"pageContext":{"slug":"/en/tutorial/iManagerLOGO/"}}}