{"id":30003,"date":"2017-08-14T09:31:07","date_gmt":"2017-08-14T01:31:07","guid":{"rendered":"http:\/\/localhost\/help\/?page_id=30003"},"modified":"2018-10-12T16:19:59","modified_gmt":"2018-10-12T08:19:59","slug":"adding-images-4-4-2","status":"publish","type":"page","link":"https:\/\/oihelp.corporate.ifs.com\/help\/p2-server\/configuring-your-system\/adding-images\/adding-images-4-4-2\/","title":{"rendered":"Adding Images (4.4.2)"},"content":{"rendered":"\n<p class=\"left-bar\">This article applies to versions 4.5.0 and earlier of P2 Server. For the latest version, 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 more easily identify certain types of information.\u00a0<\/p>\n<p class=\"intro-text\">You can add images to P2 Server Management and assign those images to templates.<\/p>\n<h2 class=\"page-subheading\">Adding an Image<\/h2>\n<p class=\"intro-text\">To add an image to\u00a0P2 Server Management:<\/p>\n<p class=\"intro-text\">1. Open P2 Server Management, and click the <strong>Configuration<\/strong> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-6523 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/09\/configurationicon.png\" alt=\"configurationicon\" width=\"30\" height=\"29\" 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: 30px) 100vw, 30px\" \/>\u00a0icon.\u00a0<\/p>\n<p class=\"intro-text\">2. Click the\u00a0<span style=\"color: #000000;\"><b>Images\u00a0<a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/image-icon1.png\" rel=\"lightbox-0\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-18223\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/image-icon1.png\" alt=\"image-icon1\" width=\"21\" height=\"17\" \/><\/a><\/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\/images1.png\" rel=\"lightbox-1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-18079\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/images1.png\" alt=\"images1\" width=\"983\" height=\"576\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/images1.png 983w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/images1-768x450.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/images1-150x88.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/images1-24x14.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/images1-36x21.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/images1-48x28.png 48w\" sizes=\"auto, (max-width: 983px) 100vw, 983px\" \/><\/a><\/p>\n<p class=\"intro-text\"><em><strong>Note<\/strong>: From version 4.4.6, the maximum file size can be specified in the configuration file. The default is 5MB.<\/em><\/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-2\"><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 your images for use on the Hierarchy and Entity pages.<\/p>\n<p class=\"intro-text\">\u00a0<\/p>\n<h2 class=\"page-subheading\">Making Your Images Appear in Hierarchies<\/h2>\n<p class=\"intro-text\">One of the most useful things you can do with images is to have them appear as icons in the Hierarchy. P2 Server will automatically do this for you, if 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 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/09\/configurationicon.png\" alt=\"configurationicon\" width=\"30\" height=\"29\" 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: 30px) 100vw, 30px\" \/>\u00a0icon.\u00a0<\/p>\n<p class=\"intro-text\">2. Click the\u00a0<span style=\"color: #000000;\"><b>Templates\u00a0<a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/template-icon.png\" rel=\"lightbox-3\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-18121\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/template-icon.png\" alt=\"template-icon\" width=\"15\" height=\"17\" \/><\/a><\/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\/templateicon.png\" rel=\"lightbox-4\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-18095\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/templateicon.png\" alt=\"templateicon\" width=\"1157\" height=\"953\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/templateicon.png 1157w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/templateicon-768x633.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/templateicon-150x124.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/templateicon-24x20.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/templateicon-36x30.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/templateicon-48x40.png 48w\" sizes=\"auto, (max-width: 1157px) 100vw, 1157px\" \/><\/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.<\/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-5\"><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-6\"><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<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Icons (and other images) are a useful tool to help people more easily identify certain types of information.\u00a0<\/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-4-2\/\">Read more<i class=\"crycon-right-dir\"><\/i><\/a><\/p>\n","protected":false},"author":1,"featured_media":18221,"parent":18076,"menu_order":3,"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-30003","page","type-page","status-publish","has-post-thumbnail","hentry","category-tutorial","tag-configuration","tag-hierarchy","tag-icons","tag-image","Version-4-5-0","Product-srv"],"_links":{"self":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/30003","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=30003"}],"version-history":[{"count":0,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/30003\/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=30003"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/categories?post=30003"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/tags?post=30003"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}