{"id":33388,"date":"2017-11-23T08:04:57","date_gmt":"2017-11-23T00:04:57","guid":{"rendered":"http:\/\/localhost\/help\/?page_id=33388"},"modified":"2018-10-12T16:17:37","modified_gmt":"2018-10-12T08:17:37","slug":"image-gallery-4-4-6","status":"publish","type":"page","link":"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/image-gallery\/image-gallery-4-4-6\/","title":{"rendered":"Image Gallery (4.4.6)"},"content":{"rendered":"\n<p class=\"left-bar\">This article applies to versions 4.4.6-4.5.3 of P2 Explorer. For the latest, see <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/image-gallery\/\">Image Gallery<\/a>.<\/p>\n<h2 class=\"page-subheading\">Overview<\/h2>\n<p class=\"overview\">The Image Gallery allows you to insert an image from P2 Server, into a P2 Explorer page.\u00a0If you have the requisite permissions (Server Editor role), you can also upload an image.\u00a0<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/image-gallery.png\" rel=\"lightbox-0\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-24555\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/image-gallery.png\" alt=\"\" width=\"997\" height=\"746\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/image-gallery.png 997w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/image-gallery-768x575.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/image-gallery-150x112.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/image-gallery-24x18.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/image-gallery-36x27.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/image-gallery-48x36.png 48w\" sizes=\"auto, (max-width: 997px) 100vw, 997px\" \/><\/a><\/p>\n<p class=\"left-bar\">Related: <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-server\/configuring-your-system\/adding-images\/\">Adding Images in P2 Server<\/a>, <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/image\/\">Image tutorial<\/a><\/p>\n<p>&nbsp;<\/p>\n<h2 class=\"page-subheading\">Inserting an Existing Image<\/h2>\n<p class=\"intro-text\">1. In the Image Gallery, first choose the category your image is in. In most cases, this will be '<strong>Explorer Images<\/strong>'. If you don't know, select 'All'.<\/p>\n<p class=\"intro-text\">2. If the list of images is long, you can type into the <strong>Search<\/strong> box to filter the list by name. The list is filtered as you type. Or, you can use the scrollbar to browse through the images.<\/p>\n<p class=\"intro-text\">3. Once you have found the image you want to insert, click it once and then click the Select button [4], or simply double-click the image.<\/p>\n<p class=\"intro-text\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/image-gallery-insert.png\" rel=\"lightbox-1\"><img loading=\"lazy\" decoding=\"async\" class=\"border-image alignnone wp-image-24557 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/image-gallery-insert.png\" width=\"855\" height=\"750\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/image-gallery-insert.png 855w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/image-gallery-insert-768x674.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/image-gallery-insert-150x132.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/image-gallery-insert-24x21.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/image-gallery-insert-36x32.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/image-gallery-insert-48x42.png 48w\" sizes=\"auto, (max-width: 855px) 100vw, 855px\" \/><\/a>\u00a0<\/p>\n<p class=\"intro-text\">The image is inserted in P2 Explorer.\u00a0<\/p>\n<p class=\"intro-text\">\u00a0<\/p>\n<h2 class=\"page-subheading\">Uploading an Image<\/h2>\n<p class=\"intro-text\">1. In the Image Gallery, click the <strong>Upload an image<\/strong> box.<\/p>\n<p class=\"intro-text\">\u00a0<a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/image-gallery-upload-1.png\" rel=\"lightbox-2\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-24548\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/image-gallery-upload-1.png\" alt=\"\" width=\"850\" height=\"279\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/image-gallery-upload-1.png 850w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/image-gallery-upload-1-768x252.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/image-gallery-upload-1-150x49.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/image-gallery-upload-1-24x8.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/image-gallery-upload-1-36x12.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/image-gallery-upload-1-48x16.png 48w\" sizes=\"auto, (max-width: 850px) 100vw, 850px\" \/><\/a><\/p>\n<p class=\"intro-text\">\u00a0<\/p>\n<p class=\"intro-text\">2. Select the image to upload, using the standard Windows selection window. Click the file, and then click '<strong>Open<\/strong>'.<\/p>\n<p class=\"left-bar-yellow\"><strong>Tip<\/strong>: You can also inset an image from a URL. To do this, type the full URL into the <strong>File name<\/strong> box.<\/p>\n<p class=\"intro-text\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/image-gallery-upload-2.png\" rel=\"lightbox-3\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-24549\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/image-gallery-upload-2.png\" alt=\"\" width=\"918\" height=\"500\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/image-gallery-upload-2.png 918w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/image-gallery-upload-2-768x418.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/image-gallery-upload-2-150x82.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/image-gallery-upload-2-24x13.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/image-gallery-upload-2-36x20.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/image-gallery-upload-2-48x26.png 48w\" sizes=\"auto, (max-width: 918px) 100vw, 918px\" \/><\/a><\/p>\n<p class=\"intro-text\">\u00a0<\/p>\n<p class=\"intro-text\">3. A preview of the image appears in the Image Gallery. Now you need to finalise the image properties.<\/p>\n<ul class=\"intro-text\">\n<li>Choose a <strong>group<\/strong> for the image from the drop-down list. By default, this is <strong>Explorer Images<\/strong>.\u00a0<\/li>\n<li>By default, the file name becomes the <strong>name<\/strong> of the image. You can change this here if you wish.<br \/>\n If you want to change it later, you will need to do this in P2 Server Management.<br \/>\n Note that file names must be unique.<\/li>\n<li>If you wish, add a <strong>description<\/strong> for the image.<\/li>\n<li>When you have finished updating the properties, click the <strong>Upload<\/strong> button.<\/li>\n<\/ul>\n<p class=\"intro-text\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/image-gallery-upload-3.png\" rel=\"lightbox-4\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-24550\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/image-gallery-upload-3.png\" alt=\"\" width=\"863\" height=\"314\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/image-gallery-upload-3.png 863w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/image-gallery-upload-3-768x279.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/image-gallery-upload-3-150x55.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/image-gallery-upload-3-24x9.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/image-gallery-upload-3-36x13.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/image-gallery-upload-3-48x17.png 48w\" sizes=\"auto, (max-width: 863px) 100vw, 863px\" \/><\/a><\/p>\n<p class=\"intro-text\">The image is uploaded and the Image Gallery closes. The uploaded image is inserted in P2 Explorer.\u00a0<\/p>\n<p class=\"note\">Note: The maximum file size is set by your system administrator. By default, it is 5MB.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This article describes how to use the Image Gallery in P2 Explorer.<\/p>\n<p class=\"continue-reading-button\"> <a class=\"continue-reading-link\" href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/image-gallery\/image-gallery-4-4-6\/\">Read more<i class=\"crycon-right-dir\"><\/i><\/a><\/p>\n","protected":false},"author":1,"featured_media":33389,"parent":23725,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":"","_members_access_role":[],"_members_access_error":""},"categories":[11],"tags":[171],"class_list":["post-33388","page","type-page","status-publish","has-post-thumbnail","hentry","category-tutorial","tag-image","Version-4-5-0","Version-4-5-1","Version-4-5-2","Version-4-5-3","Product-ex"],"_links":{"self":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/33388","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=33388"}],"version-history":[{"count":0,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/33388\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/23725"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/media\/33389"}],"wp:attachment":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/media?parent=33388"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/categories?post=33388"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/tags?post=33388"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}