{"id":33341,"date":"2017-11-21T10:24:40","date_gmt":"2017-11-21T02:24:40","guid":{"rendered":"http:\/\/localhost\/help\/?page_id=33341"},"modified":"2017-11-21T10:25:53","modified_gmt":"2017-11-21T02:25:53","slug":"adding-images-4-5-1","status":"publish","type":"page","link":"https:\/\/oihelp.corporate.ifs.com\/help\/p2-server\/configuring-your-system\/adding-images\/adding-images-4-5-1\/","title":{"rendered":"Adding Images (4.5.1)"},"content":{"rendered":"\n<p class=\"left-bar\">This article applies to versions 4.5.1-4.5.3 of P2 Server. For the latest, see <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-server\/configuring-your-system\/adding-images\/\">Adding Images<\/a>.<\/p>\n<p class=\"intro-text\">Icons and other images are a useful tool to help people identify and visualise information. P2 Server stores icons used in hierarchies and images for P2 Explorer.<\/p>\n<p class=\"intro-text\">All images in P2 Server must be added to an Image Group. Two default image groups are available: Server Icons and Explorer Images.<\/p>\n<p class=\"intro-text\">You can add an image using P2 Server Management or the Import\/Export spreadsheet.<\/p>\n<h2 class=\"page-subheading\">Server Management<\/h2>\n<p class=\"intro-text\">In P2 Server Management, adding an image is performed through the\u00a0Configuration <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-6523\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/09\/configurationicon.png\" alt=\"configurationicon\" width=\"21\" height=\"20\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/09\/configurationicon.png 30w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/09\/configurationicon-24x24.png 24w\" sizes=\"auto, (max-width: 21px) 100vw, 21px\" \/>\u00a0menu option.<\/p>\n<p class=\"intro-text\">1. Open P2 Server Management, and click the <strong>Configuration<\/strong> \u00a0icon.\u00a0<\/p>\n<p class=\"intro-text\">2. Click the\u00a0<span style=\"color: #000000;\"><b>Images\u00a0<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-18223 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/image-icon1.png\" alt=\"image-icon1\" width=\"21\" height=\"17\" \/><\/b>\u00a0icon.<\/span><\/p>\n<p class=\"intro-text\">3. Select a group from the\u00a0<strong>Image Group<\/strong>\u00a0drop-down list.<\/p>\n<p class=\"intro-text\">4. Add your images using either drag and drop, or click the drag and drop box to browse from your computer.\u00a0<\/p>\n<p class=\"note\">Note: You can add multiple images at a time if you wish.\u00a0<\/p>\n<p class=\"intro-text\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/images-451.png\" rel=\"lightbox-0\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-30025\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/images-451.png\" alt=\"\" width=\"1077\" height=\"551\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/images-451.png 1077w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/images-451-768x393.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/images-451-150x77.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/images-451-24x12.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/images-451-36x18.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/images-451-48x25.png 48w\" sizes=\"auto, (max-width: 1077px) 100vw, 1077px\" \/><\/a><\/p>\n<p class=\"note\">Note: The default maximum file size is 5MB. This can be changed in the configuration file.\u00a0<\/p>\n<p class=\"intro-text\">4. After your images have been uploaded, they will be displayed below the drag and drop box. You should now check that you images have suitable names and descriptions, and make any necessary changes.<\/p>\n<p class=\"left-bar\">Related: <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-server\/primers\/reserved-characters-keywords\/\">Reserved Characters &amp; Keywords<\/a><\/p>\n<p class=\"intro-text\">Items are ordered by\u00a0the order in which they were added, so the last one added will appear at the bottom of the list. \u00a0<\/p>\n<p class=\"intro-text\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/images2.png\" rel=\"lightbox-1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-18080\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/images2.png\" alt=\"images2\" width=\"939\" height=\"500\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/images2.png 939w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/images2-768x409.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/images2-150x80.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/images2-24x13.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/images2-36x19.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/images2-48x26.png 48w\" sizes=\"auto, (max-width: 939px) 100vw, 939px\" \/><\/a><\/p>\n<p class=\"intro-text\">\u00a06. When you have finished, click the <strong>Save<\/strong> button in the top right corner.<\/p>\n<p class=\"intro-text\">P2 Server will automatically create thumbnails for images in the Server Icons group for use on the Hierarchy and Entity pages.<\/p>\n<h3>Making Icons Appear in Hierarchies<\/h3>\n<p class=\"intro-text\">Images in the Server icons group are designed for use as icons in a Hierarchy. P2 Server will automatically do this for you when you assign the image to a <strong>primary template<\/strong>.\u00a0<\/p>\n<p class=\"left-bar\">Related: <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-server\/configuring-your-system\/common-scenarios\/changing-the-primary-template\/\">Changing the Primary Template of an Entity<\/a><\/p>\n<p class=\"intro-text\">1. In\u00a0P2 Server Management, click the <strong>Configuration<\/strong> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-6523\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/09\/configurationicon.png\" alt=\"configurationicon\" width=\"21\" height=\"20\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/09\/configurationicon.png 30w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/09\/configurationicon-24x24.png 24w\" sizes=\"auto, (max-width: 21px) 100vw, 21px\" \/>\u00a0icon.\u00a0<\/p>\n<p class=\"intro-text\">2. Click the\u00a0<span style=\"color: #000000;\"><b>Templates\u00a0<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-18121 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/template-icon.png\" alt=\"template-icon\" width=\"15\" height=\"17\" \/><\/b>\u00a0icon.<\/span><\/p>\n<p class=\"intro-text\">3. Select a template from the list and edit it. In the <strong>Icon<\/strong> field, select the icon you want from the drop-down list, and click <strong>Save<\/strong> when you have finished.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/images-template-icon.png\" rel=\"lightbox-2\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-30027\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/images-template-icon.png\" alt=\"\" width=\"1059\" height=\"898\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/images-template-icon.png 1059w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/images-template-icon-768x651.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/images-template-icon-150x127.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/images-template-icon-24x20.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/images-template-icon-36x31.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/images-template-icon-48x41.png 48w\" sizes=\"auto, (max-width: 1059px) 100vw, 1059px\" \/><\/a><\/p>\n<p class=\"intro-text\">Now, whenever you see an entity with this template applied as the <strong>primary template<\/strong>, you will see this icon in the Hierarchy and Entity Overview pages in Server Management, as well as in the Hierarchy Navigator in P2 Explorer.<\/p>\n<p><em>Image appearing in the Entity Overview page:<\/em><\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/entity-overview-icon.png\" rel=\"lightbox-3\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-18099\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/entity-overview-icon.png\" alt=\"entity-overview-icon\" width=\"1153\" height=\"504\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/entity-overview-icon.png 1153w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/entity-overview-icon-768x336.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/entity-overview-icon-150x66.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/entity-overview-icon-24x10.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/entity-overview-icon-36x16.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/entity-overview-icon-48x21.png 48w\" sizes=\"auto, (max-width: 1153px) 100vw, 1153px\" \/><\/a><\/p>\n<p><em>Image appearing in the Hierarchy:<\/em><\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/hierarchy-icon.png\" rel=\"lightbox-4\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-18100\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/hierarchy-icon.png\" alt=\"hierarchy-icon\" width=\"1179\" height=\"510\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/hierarchy-icon.png 1179w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/hierarchy-icon-768x332.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/hierarchy-icon-150x65.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/hierarchy-icon-24x10.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/hierarchy-icon-36x16.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/hierarchy-icon-48x21.png 48w\" sizes=\"auto, (max-width: 1179px) 100vw, 1179px\" \/><\/a><\/p>\n<hr \/>\n<h2 class=\"page-subheading\">Import\/Export Spreadsheet<\/h2>\n<p class=\"intro-text\">The Import\/Export spreadsheet is generally only used to make bulk changes.<\/p>\n<p class=\"left-bar\">For details on the spreadsheet and how to obtain it, see <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-server\/importexport\/exporting-your-config\/\">Exporting Your Configuration<\/a>.<\/p>\n<p class=\"intro-text\">If you want to create images and image groups as part of a bulk configuration, you need to\u00a0use the following\u00a0tabs in the\u00a0<a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-server\/importexport\/tips-on-filling-in-the-import-spreadsheet\/\">Import\/Export spreadsheet<\/a>:<\/p>\n<ul class=\"intro-text\">\n<li>Image Group<\/li>\n<li>Image<\/li>\n<\/ul>\n<p class=\"note\">Look for the red\u00a0comment\u00a0<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6551\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/09\/commentred.png\" alt=\"commentred\" width=\"5\" height=\"5\" \/>\u00a0icon in the row headers, to get help with each column.<\/p>\n<p class=\"intro-text\">DO NOT change anything in the Global Id field - this is the unique identifier for the image that allows it to be tracked across systems, and when it is renamed. It is automatically generated by the system.\u00a0<\/p>\n<h3>Image Group Tab<\/h3>\n<p class=\"intro-text\">The screenshot below shows an example of configured image groups. Image groups can only be created using the Import\/Export spreadsheet; they cannot be created using Server Management.\u00a0<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/impex-image-group.png\" rel=\"lightbox-5\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-30041\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/impex-image-group.png\" alt=\"\" width=\"754\" height=\"155\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/impex-image-group.png 754w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/impex-image-group-150x31.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/impex-image-group-24x5.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/impex-image-group-36x7.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/impex-image-group-48x10.png 48w\" sizes=\"auto, (max-width: 754px) 100vw, 754px\" \/><\/a><\/p>\n<h4>Dependencies<\/h4>\n<p class=\"intro-text\">The Image Group tab has no dependencies on information from other tabs. \u00a0<\/p>\n<h3>Image Tab<\/h3>\n<p class=\"intro-text\">The screenshot below shows an example of configured images.\u00a0The fields are the same as the ones required when adding images using Server Management, following the above instructions on this page.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/impex-image-tab.png\" rel=\"lightbox-6\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-30043\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/impex-image-tab.png\" alt=\"\" width=\"532\" height=\"230\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/impex-image-tab.png 532w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/impex-image-tab-150x65.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/impex-image-tab-24x10.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/impex-image-tab-36x16.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/impex-image-tab-48x21.png 48w\" sizes=\"auto, (max-width: 532px) 100vw, 532px\" \/><\/a><\/p>\n<h4>Dependencies<\/h4>\n<p class=\"intro-text\">The Image tab\u00a0has a direct dependency on information from the Image Group tab, because a column on the Image tab directly references a column on the Image Group tab.\u00a0<\/p>\n<p class=\"left-bar\">Read more: <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-server\/importexport\/tips-on-filling-in-the-import-spreadsheet\/#Tip_4_Understand_object_dependencies\">Understanding Object Dependencies<\/a><\/p>\n<table>\n<tbody>\n<tr style=\"border: 1px solid #cccccc;\">\n<td style=\"padding-left: 5px;\"><strong>This column<\/strong><\/td>\n<td><strong>On this tab<\/strong><\/td>\n<td><strong>Why you need to pay attention<\/strong><\/td>\n<\/tr>\n<tr style=\"border: 1px solid #cccccc;\">\n<td style=\"padding-left: 5px;\">Image Group<\/td>\n<td>Image<\/td>\n<td>Required by the 'Name' column on the 'Image Group' tab.<\/td>\n<\/tr>\n<tr style=\"border: 1px solid #cccccc;\">\n<td style=\"padding-left: 5px;\">Name<\/td>\n<td>Image<\/td>\n<td>Required by the 'Image Name' column on the 'Template Definition' tab.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p class=\"left-bar\">Related: <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-server\/importexport\/updating-the-config\/\">Updating the Configuration<\/a><\/p>\n<p>&nbsp;<\/p>\n<hr \/>\n<h2 class=\"page-subheading\">Release History<\/h2>\n<ul class=\"intro-text\">\n<li class=\"overview\">Adding Images 4.5.1 (this release)\n<ul class=\"overview\">\n<li>Added ability to import\/export images<\/li>\n<\/ul>\n<\/li>\n<li><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-server\/configuring-your-system\/adding-images\/adding-images-4-4-2\/\">Adding Images 4.4.2<\/a><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>P2 Server stores icons used in hierarchies and images for P2 Explorer. This article explains how to add images using P2 Server Management and the Import\/Export spreadsheet.<\/p>\n<p class=\"continue-reading-button\"> <a class=\"continue-reading-link\" href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-server\/configuring-your-system\/adding-images\/adding-images-4-5-1\/\">Read more<i class=\"crycon-right-dir\"><\/i><\/a><\/p>\n","protected":false},"author":1,"featured_media":18221,"parent":18076,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":"","_members_access_role":[],"_members_access_error":""},"categories":[11],"tags":[467,86,490,171],"class_list":["post-33341","page","type-page","status-publish","has-post-thumbnail","hentry","category-tutorial","tag-configuration","tag-hierarchy","tag-icons","tag-image","Version-4-5-1","Version-4-5-2","Version-4-5-3","Product-srv"],"_links":{"self":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/33341","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/comments?post=33341"}],"version-history":[{"count":0,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/33341\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/18076"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/media\/18221"}],"wp:attachment":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/media?parent=33341"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/categories?post=33341"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/tags?post=33341"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}