{"id":23725,"date":"2017-01-30T09:22:53","date_gmt":"2017-01-30T01:22:53","guid":{"rendered":"http:\/\/localhost\/help\/?page_id=23725"},"modified":"2024-06-07T15:08:40","modified_gmt":"2024-06-07T07:08:40","slug":"image-gallery","status":"publish","type":"page","link":"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/image-gallery\/","title":{"rendered":"Image Gallery"},"content":{"rendered":"\n<p class=\"left-bar\">This article applies to versions 4.5.4 and later of IFS OI Explorer. For more, see <a href=\"#Release_History\">Release History<\/a>.<\/p>\n<h2 class=\"page-subheading\">Overview<\/h2>\n<p class=\"overview\">The Image Gallery allows you to insert an image from IFS OI Server, into a IFS OI Explorer page. If you have the required permissions (<em>Editor<\/em> application role for IFS OI Server), you can also upload an image.\u00a0<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/11\/image-gallery-454.png\" rel=\"lightbox-0\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-33427\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/11\/image-gallery-454.png\" alt=\"\" width=\"994\" height=\"752\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/11\/image-gallery-454.png 994w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/11\/image-gallery-454-768x581.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/11\/image-gallery-454-150x113.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/11\/image-gallery-454-24x18.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/11\/image-gallery-454-36x27.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/11\/image-gallery-454-48x36.png 48w\" sizes=\"auto, (max-width: 994px) 100vw, 994px\" \/><\/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 IFS OI Server<\/a>, <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/image\/\">Image<\/a>\u00a0tutorial, <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/security\/application-and-global-roles\/\">Application Roles<\/a><\/p>\n<p>&nbsp;<\/p>\n<hr \/>\n<h2 class=\"page-subheading\">Inserting an Existing Image<\/h2>\n<p class=\"intro-text\">1. In the Image Gallery, first choose the group your image is in [A]. In most cases, this will be '<strong>Explorer Images<\/strong>'. If you don't know, select 'All'.<\/p>\n<p class=\"intro-text\">If the list of images is long, you can type into the <strong>Search<\/strong> box to filter the list by name [B]. The list is filtered as you type. <br \/>\nOr, you can use the scrollbar to browse through the images.<\/p>\n<p class=\"intro-text\">2. When you have found the image you want to insert, click it once [C].<\/p>\n<p class=\"intro-text\">3. Click the Select button [D].<\/p>\n<p class=\"intro-text\">The image is inserted into IFS OI Explorer.<strong>\u00a0<\/strong>You can also double-click the image to insert it immediately.<\/p>\n<p class=\"intro-text\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/11\/image-gallery-454-insert.png\" rel=\"lightbox-1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-33428\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/11\/image-gallery-454-insert.png\" alt=\"\" width=\"994\" height=\"752\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/11\/image-gallery-454-insert.png 994w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/11\/image-gallery-454-insert-768x581.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/11\/image-gallery-454-insert-150x113.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/11\/image-gallery-454-insert-24x18.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/11\/image-gallery-454-insert-36x27.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/11\/image-gallery-454-insert-48x36.png 48w\" sizes=\"auto, (max-width: 994px) 100vw, 994px\" \/><\/a>\u00a0<\/p>\n<p class=\"intro-text\">\u00a0<\/p>\n<hr \/>\n<h2 class=\"page-subheading\">Uploading an Image<\/h2>\n<p class=\"intro-text\">1. In the Image Gallery, first choose the group you want to put your image in. In most cases, this will be '<strong>Explorer Images<\/strong>'. You cannot upload to 'All'.\u00a0<\/p>\n<p class=\"intro-text\">2. Click the <strong>Upload an image<\/strong> box.\u00a0<\/p>\n<p class=\"intro-text\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/11\/image-gallery-454-upload.png\" rel=\"lightbox-2\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-33430\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/11\/image-gallery-454-upload.png\" alt=\"\" width=\"843\" height=\"308\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/11\/image-gallery-454-upload.png 843w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/11\/image-gallery-454-upload-768x281.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/11\/image-gallery-454-upload-150x55.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/11\/image-gallery-454-upload-24x9.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/11\/image-gallery-454-upload-36x13.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/11\/image-gallery-454-upload-48x18.png 48w\" sizes=\"auto, (max-width: 843px) 100vw, 843px\" \/><\/a><\/p>\n<p class=\"intro-text\">3. Select the image to upload, using the standard Windows 'Open' dialog box. Click the file, and then click '<strong>Open<\/strong>'.<\/p>\n<p class=\"left-bar-yellow\"><strong>Tip<\/strong>: You can also insert an image from a URL. To do this, type the full URL into the <strong>File name<\/strong> box. E.g.\u00a0<em>https:\/\/oihelp.corporate.ifs.com\/help\/Images\/P2Logo.png<\/em><\/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\">A preview of the image appears in the Image Gallery.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/11\/image-gallery-454-review.png\" rel=\"lightbox-4\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-33431\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/11\/image-gallery-454-review.png\" alt=\"\" width=\"861\" height=\"273\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/11\/image-gallery-454-review.png 861w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/11\/image-gallery-454-review-768x244.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/11\/image-gallery-454-review-150x48.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/11\/image-gallery-454-review-24x8.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/11\/image-gallery-454-review-36x11.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/11\/image-gallery-454-review-48x15.png 48w\" sizes=\"auto, (max-width: 861px) 100vw, 861px\" \/><\/a><\/p>\n<p class=\"intro-text\">3. Finalise the image properties:<\/p>\n<ul class=\"intro-text\">\n<li>Verify or change the\u00a0<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. Note that file names must be unique.<br \/>\nYou can change the name here if you wish. If you want to change it later, you will need to do this in IFS OI Server Management.<\/li>\n<li>Add a <strong>description<\/strong> for the image. This is optional.<\/li>\n<\/ul>\n<p class=\"intro-text\">4. When you have finished updating the properties, click the <strong>Upload<\/strong> button. If the Upload button is not enabled, check that you have chosen a group.<\/p>\n<p class=\"intro-text\">The image is uploaded, the Image Gallery closes, and the image is inserted into onto the Explorer page.\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<h2 class=\"page-subheading\">Replacing and Deleting an Image<\/h2>\n<p class=\"intro-text\">Replacing or deleting an image must be done in IFS OI Server Management, and is only available for users with <strong>Server Editor<\/strong> permissions.<\/p>\n<p class=\"left-bar\">Read more: <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-server\/configuring-your-system\/adding-images\/#Updating_and_Deleting_Images\">Updating and Deleting an Image in IFS OI Server Management<\/a>, <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/security\/application-and-global-roles\/\">Application and Global Roles<\/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\">Image Gallery 4.5.4 (this release)\n<ul class=\"overview\">\n<li>Added support for .gif images<\/li>\n<\/ul>\n<\/li>\n<li><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/image-gallery\/image-gallery-4-4-6\/\">Image Gallery 4.4.6<\/a>\n<ul class=\"intro-text\">\n<li>Initial release<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>This article describes how to use the Image Gallery in IFS OI 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\/\">Read more<i class=\"crycon-right-dir\"><\/i><\/a><\/p>\n","protected":false},"author":8,"featured_media":33389,"parent":478,"menu_order":30,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":"","_members_access_role":[],"_members_access_error":""},"categories":[11],"tags":[171],"class_list":["post-23725","page","type-page","status-publish","has-post-thumbnail","hentry","category-tutorial","tag-image","Version-4-5-4","Product-ex"],"_links":{"self":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/23725","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\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/comments?post=23725"}],"version-history":[{"count":3,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/23725\/revisions"}],"predecessor-version":[{"id":67081,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/23725\/revisions\/67081"}],"up":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/478"}],"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=23725"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/categories?post=23725"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/tags?post=23725"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}