{"id":39037,"date":"2018-05-21T13:47:55","date_gmt":"2018-05-21T05:47:55","guid":{"rendered":"http:\/\/localhost\/help\/?page_id=39037"},"modified":"2018-12-13T08:56:41","modified_gmt":"2018-12-13T00:56:41","slug":"using-the-info-button-4-6-0","status":"publish","type":"page","link":"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/using-the-page-controls\/using-the-info-button\/using-the-info-button-4-6-0\/","title":{"rendered":"Using the Info Button (4.6.0)"},"content":{"rendered":"\n<p class=\"left-bar\">This article applies to versions 4.6 and later of P2 Explorer. For the latest, see <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/using-the-page-controls\/using-the-info-button\">Using the Info Button<\/a>.<\/p>\n<h2 class=\"page-subheading\">Overview<\/h2>\n<p class=\"intro-text\">The Info Button is a small, clickable button positioned on an Explorer page by a page designer, usually alongside the area or control that it is describing.<\/p>\n<p class=\"intro-text\">The Info Button is used to share contextual information for an area of your page. This information is available to all users of the page, for viewing or editing.<\/p>\n<p class=\"intro-text\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/intro-Story.png\" rel=\"lightbox-0\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-39100\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/intro-Story.png\" alt=\"\" width=\"730\" height=\"356\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/intro-Story.png 786w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/intro-Story-768x374.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/intro-Story-150x73.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/intro-Story-24x12.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/intro-Story-36x18.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/intro-Story-48x23.png 48w\" sizes=\"auto, (max-width: 730px) 100vw, 730px\" \/><\/a><\/p>\n<p class=\"intro-text\">When you click an Info Button, the <strong>Explore<\/strong> panel opens to show Knowledge Management relating to a control, or area of the page. This initially holds no information, although in the example below, the Knowledge Management fields have already been updated.<\/p>\n<table>\n<tbody>\n<tr>\n<td><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Overview-of-the-Explorer-Panel.png\" rel=\"lightbox-1\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-39161 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Overview-of-the-Explorer-Panel.png\" alt=\"\" width=\"763\" height=\"505\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Overview-of-the-Explorer-Panel.png 763w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Overview-of-the-Explorer-Panel-150x99.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Overview-of-the-Explorer-Panel-24x16.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Overview-of-the-Explorer-Panel-36x24.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Overview-of-the-Explorer-Panel-48x32.png 48w\" sizes=\"auto, (max-width: 763px) 100vw, 763px\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td><em>The Info Button's Knowledege Management appears in the Explore panel<\/em><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p class=\"intro-text\">A page can have several info buttons, each with Knowledge Management designed to be relevant to its context, or its physical area on the page.<\/p>\n<table>\n<tbody>\n<tr>\n<td><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Six-Info-Buttons.png\" rel=\"lightbox-2\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-39166\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Six-Info-Buttons.png\" alt=\"\" width=\"1000\" height=\"509\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Six-Info-Buttons.png 1481w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Six-Info-Buttons-768x391.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Six-Info-Buttons-150x76.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Six-Info-Buttons-1280x652.png 1280w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Six-Info-Buttons-24x12.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Six-Info-Buttons-36x18.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Six-Info-Buttons-48x24.png 48w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td><em>This page has six Info Buttons, each one for describing its separate area<\/em><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p class=\"intro-text\">Each Info Button on a page has been configured, by the page designer, to have a title and a context key.<\/p>\n<p class=\"note\">Note that Info Button styles may vary.<\/p>\n<h3>How it Works<\/h3>\n<table style=\"width: 900px; border: 1px solid #cccccc;\">\n<tbody>\n<tr>\n<td style=\"padding: 10px;\">1. A user, <em>User 1, <\/em>opens a page: <em>Info Button Tutorial<\/em>.<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 10px;\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/intro-Story-1.png\" rel=\"lightbox-3\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-39096\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/intro-Story-1.png\" alt=\"\" width=\"1000\" height=\"310\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/intro-Story-1.png 1264w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/intro-Story-1-768x238.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/intro-Story-1-150x47.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/intro-Story-1-24x7.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/intro-Story-1-36x11.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/intro-Story-1-48x15.png 48w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 10px; border-top: 1px solid #cccccc;\">2. User 1 clicks on the Info Button. The Knowledge Management contents (blank) open in the Explore panel.<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 10px;\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Intro-Story-2.png\" rel=\"lightbox-4\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-39097\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Intro-Story-2.png\" alt=\"\" width=\"1000\" height=\"350\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Intro-Story-2.png 1259w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Intro-Story-2-768x269.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Intro-Story-2-150x53.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Intro-Story-2-24x8.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Intro-Story-2-36x13.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Intro-Story-2-48x17.png 48w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 10px; border-top: 1px solid #cccccc;\">3. User 1 edits and saves the Knowledge Management fields (Purpose and Instructions).<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 10px;\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Intro-Story-3.png\" rel=\"lightbox-5\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-39098\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Intro-Story-3.png\" alt=\"\" width=\"1000\" height=\"351\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Intro-Story-3.png 1262w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Intro-Story-3-768x270.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Intro-Story-3-150x53.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Intro-Story-3-24x8.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Intro-Story-3-36x13.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Intro-Story-3-48x17.png 48w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 10px; border-top: 1px solid #cccccc;\">4. A different user, User 2, opens the page and clicks on the Info Button. The Knowledge Management is available for viewing and editing by this second user.<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 10px;\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Intro-Story-4.png\" rel=\"lightbox-6\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-39099\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Intro-Story-4.png\" alt=\"\" width=\"1000\" height=\"347\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Intro-Story-4.png 1263w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Intro-Story-4-768x266.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Intro-Story-4-150x52.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Intro-Story-4-1150x400.png 1150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Intro-Story-4-24x8.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Intro-Story-4-36x12.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Intro-Story-4-48x17.png 48w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3>Context Key<\/h3>\n<p class=\"intro-text\">The <em>Context Key<\/em> can be seen when you hover over a button, as part of the tooltip. An Info Button's context, together with its position, indicates what it is used for.<\/p>\n<table>\n<tbody>\n<tr>\n<td><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Context-key-in-hover.png\" rel=\"lightbox-7\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-39057 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Context-key-in-hover.png\" alt=\"\" width=\"638\" height=\"278\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Context-key-in-hover.png 638w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Context-key-in-hover-150x65.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Context-key-in-hover-24x10.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Context-key-in-hover-36x16.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Context-key-in-hover-48x21.png 48w\" sizes=\"auto, (max-width: 638px) 100vw, 638px\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td><em>The highlighted word (Oil) is the context key for this Info Button<\/em><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3>Title<\/h3>\n<p class=\"intro-text\">The <em>Title<\/em> appears in the Explore panel when you click the Info Button. The title can be configured to include the Context Key.<\/p>\n<table>\n<tbody>\n<tr>\n<td><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Title-with-Context-Key.png\" rel=\"lightbox-8\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-39058 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Title-with-Context-Key.png\" alt=\"\" width=\"402\" height=\"153\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Title-with-Context-Key.png 402w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Title-with-Context-Key-150x57.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Title-with-Context-Key-24x9.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Title-with-Context-Key-36x14.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Title-with-Context-Key-48x18.png 48w\" sizes=\"auto, (max-width: 402px) 100vw, 402px\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td><em>This Info Button has been configured to include the context key in the title<\/em><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<hr \/>\n<h2 class=\"page-subheading\">Using the Info Button<\/h2>\n<p class=\"intro-text\">Use the Info Button to view or edit the information it contains.<\/p>\n<h3>View Tooltip<\/h3>\n<p class=\"intro-text\">Hover your mouse over the Info Button to view the tooltip. This contains the context key, in quotes ('Gas', in this example).<\/p>\n<p class=\"intro-text\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Hover-over-gas.png\" rel=\"lightbox-9\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-39069 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Hover-over-gas.png\" alt=\"\" width=\"628\" height=\"279\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Hover-over-gas.png 628w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Hover-over-gas-150x67.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Hover-over-gas-24x11.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Hover-over-gas-36x16.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Hover-over-gas-48x21.png 48w\" sizes=\"auto, (max-width: 628px) 100vw, 628px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<h3>Open Knowledge Management<\/h3>\n<p class=\"intro-text\">Click the Info Button to open its content in the Explore <img loading=\"lazy\" decoding=\"async\" class=\"wp-image-39117 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Explorer-icon.png\" alt=\"\" width=\"26\" height=\"28\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Explorer-icon.png 26w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Explorer-icon-22x24.png 22w\" sizes=\"auto, (max-width: 26px) 100vw, 26px\" \/> panel.<\/p>\n<p class=\"intro-text\">The standard Knowledge Management fields are:<\/p>\n<ul class=\"intro-text\">\n<li><strong>Purpose:<\/strong> What this area or specific component is intended for.<\/li>\n<li><strong>Instructions:<\/strong> Any special instructions applicable to this area of the page.<\/li>\n<\/ul>\n<p class=\"intro-text\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Click-to-open-oil-3.png\" rel=\"lightbox-10\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-39092 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Click-to-open-oil-3.png\" alt=\"\" width=\"1048\" height=\"460\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Click-to-open-oil-3.png 1048w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Click-to-open-oil-3-768x337.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Click-to-open-oil-3-150x66.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Click-to-open-oil-3-24x11.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Click-to-open-oil-3-36x16.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Click-to-open-oil-3-48x21.png 48w\" sizes=\"auto, (max-width: 1048px) 100vw, 1048px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<h3>Edit Knowledge Management<\/h3>\n<p class=\"intro-text\">When you have clicked to open the Explore panel for the Info Button, you can view or edit its Knowledge Management fields. <\/p>\n<p class=\"intro-text\">1. Click Edit.<\/p>\n<p class=\"intro-text\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Click-edit-3-1.png\" rel=\"lightbox-11\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-39081 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Click-edit-3-1.png\" alt=\"\" width=\"422\" height=\"451\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Click-edit-3-1.png 422w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Click-edit-3-1-140x150.png 140w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Click-edit-3-1-22x24.png 22w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Click-edit-3-1-34x36.png 34w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Click-edit-3-1-45x48.png 45w\" sizes=\"auto, (max-width: 422px) 100vw, 422px\" \/><\/a><\/p>\n<p class=\"intro-text\">The edit fields are enabled, and the Explore panel edit tab opens. This tab contains the <em>edit<\/em> <img loading=\"lazy\" decoding=\"async\" class=\"wp-image-39116 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Edit-icon.png\" alt=\"\" width=\"27\" height=\"24\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Edit-icon.png 27w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Edit-icon-24x21.png 24w\" sizes=\"auto, (max-width: 27px) 100vw, 27px\" \/> icon.<\/p>\n<p class=\"intro-text\">2. Edit the Purpose, by typing in the <strong>Purpose<\/strong> edit box.<\/p>\n<p class=\"intro-text\">3. Edit the Instructions, by typing in the <strong>Instructions<\/strong> edit box.<\/p>\n<p class=\"intro-text\">4. Click <strong>Save<\/strong>.<\/p>\n<p class=\"intro-text\">5. Close the Explore panel.<\/p>\n<p class=\"intro-text\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Editing-Knowledge-Managment.png\" rel=\"lightbox-12\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-39071 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Editing-Knowledge-Managment.png\" alt=\"\" width=\"412\" height=\"525\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Editing-Knowledge-Managment.png 412w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Editing-Knowledge-Managment-118x150.png 118w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Editing-Knowledge-Managment-19x24.png 19w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Editing-Knowledge-Managment-28x36.png 28w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Editing-Knowledge-Managment-38x48.png 38w\" sizes=\"auto, (max-width: 412px) 100vw, 412px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<h3>Unsaved Changes<\/h3>\n<p class=\"intro-text\">If you are editing the Knowledge Management fields for an Info Button, and then open the Explore panel for another item (for example, you click on a different Info Button), you can still manage your unsaved changes. This feature is useful if you want to check on some background or get further information, before saving your changes.<\/p>\n<table>\n<tbody>\n<tr>\n<td><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/1.-The-edit-icon-in-the-background.png\" rel=\"lightbox-13\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-39146 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/1.-The-edit-icon-in-the-background.png\" alt=\"\" width=\"536\" height=\"519\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/1.-The-edit-icon-in-the-background.png 536w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/1.-The-edit-icon-in-the-background-150x145.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/1.-The-edit-icon-in-the-background-24x24.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/1.-The-edit-icon-in-the-background-36x36.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/1.-The-edit-icon-in-the-background-48x46.png 48w\" sizes=\"auto, (max-width: 536px) 100vw, 536px\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td><em>The Explore panel for the currently selected Info Button is shown in the focused tab<\/em><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p class=\"intro-text\">You can click on the Edit tab, to show the unsaved changes.<\/p>\n<table>\n<tbody>\n<tr>\n<td><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/2.-Click-on-the-edit-icon-1.png\" rel=\"lightbox-14\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-39150 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/2.-Click-on-the-edit-icon-1.png\" alt=\"\" width=\"540\" height=\"547\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/2.-Click-on-the-edit-icon-1.png 540w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/2.-Click-on-the-edit-icon-1-148x150.png 148w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/2.-Click-on-the-edit-icon-1-24x24.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/2.-Click-on-the-edit-icon-1-36x36.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/2.-Click-on-the-edit-icon-1-48x48.png 48w\" sizes=\"auto, (max-width: 540px) 100vw, 540px\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td><em>The Explore panel for the currently selected Info Button is in the background tab, while the unsaved changes for the other Info Button is shown in the focussed edit tab<\/em><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p class=\"intro-text\">Click on the Explore icon to view Knowledge Management for the currently selected item.<\/p>\n<table>\n<tbody>\n<tr>\n<td><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/3-Click-on-Explorer-panel-again-1.png\" rel=\"lightbox-15\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-39151 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/3-Click-on-Explorer-panel-again-1.png\" alt=\"\" width=\"525\" height=\"508\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/3-Click-on-Explorer-panel-again-1.png 525w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/3-Click-on-Explorer-panel-again-1-150x145.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/3-Click-on-Explorer-panel-again-1-24x24.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/3-Click-on-Explorer-panel-again-1-36x36.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/3-Click-on-Explorer-panel-again-1-48x46.png 48w\" sizes=\"auto, (max-width: 525px) 100vw, 525px\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td><em>Here the Explore panel for the currently selected Info Button is in the focussed tab, while the unsaved changes for the other Info Button is shown in the background edit tab<\/em><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p class=\"intro-text\">If you click Edit while there are unsaved changes in the background, the Edit tab gets focus, and you are able to see the unsaved changes.<\/p>\n<p class=\"intro-text\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/4-Click-edit.png\" rel=\"lightbox-16\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-39143 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/4-Click-edit.png\" alt=\"\" width=\"423\" height=\"414\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/4-Click-edit.png 423w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/4-Click-edit-150x147.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/4-Click-edit-24x24.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/4-Click-edit-36x36.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/4-Click-edit-48x48.png 48w\" sizes=\"auto, (max-width: 423px) 100vw, 423px\" \/><\/a><\/p>\n<p class=\"intro-text\">An <strong>Unsaved changes<\/strong> dialog box appears, and you have the following choices:<\/p>\n<ul class=\"intro-text\">\n<li>\n        <strong>Save<\/strong> <br \/>\n        Save the unsaved changes, and the Edit tab disappears. You can now click Edit again to edit the current Knowledge Management fields.\n    <\/li>\n<li>\n        <strong>Discard<\/strong> <br \/>\n        Discard the unsaved changes, and the Edit tab disappears. You can now click Edit again to edit the current Knowledge Management fields.\n    <\/li>\n<li>\n        <strong>Cancel<\/strong> <br \/>\n        The Edit tab gets focus, with the unsaved changes.\n    <\/li>\n<\/ul>\n<hr \/>\n<h2 class=\"page-subheading\">What to Watch out for<\/h2>\n<h3>Changing Context<\/h3>\n<p class=\"intro-text\">Depending on how an Info Button is configured, the <em>Context Key<\/em> could be a variable, which changes as you change selections on a page.<\/p>\n<p class=\"intro-text\">When you save Knowledge Management using an Info Button, it is saved with that context key. Thus, one Info Button can be used to save and view multiple sets of Knowledge Management, each linked to its own context key.<\/p>\n<p class=\"intro-text\">For example:<\/p>\n<table style=\"width: 900px; border: 1px solid #cccccc;\">\n<tbody>\n<tr>\n<td style=\"padding: 10px;\">1. Select entity \"Queensland\".<br \/> 2. Click the Info Button to view or edit Knowledge Management for that context key.<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 10px;\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Queensland-selected-entity-1.png\" rel=\"lightbox-17\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-39140 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Queensland-selected-entity-1.png\" alt=\"\" width=\"908\" height=\"440\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Queensland-selected-entity-1.png 908w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Queensland-selected-entity-1-768x372.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Queensland-selected-entity-1-150x73.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Queensland-selected-entity-1-24x12.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Queensland-selected-entity-1-36x17.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Queensland-selected-entity-1-48x23.png 48w\" sizes=\"auto, (max-width: 908px) 100vw, 908px\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td style=\"border-top: 1px solid #cccccc; padding: 10px;\">1. Select entity \"Victoria.<br \/> 2. Click the Info Button to view or edit Knowledge Management for that context key.<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 10px;\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Victoria-1.png\" rel=\"lightbox-18\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-39139 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Victoria-1.png\" alt=\"\" width=\"867\" height=\"443\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Victoria-1.png 867w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Victoria-1-768x392.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Victoria-1-150x77.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Victoria-1-24x12.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Victoria-1-36x18.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Victoria-1-48x25.png 48w\" sizes=\"auto, (max-width: 867px) 100vw, 867px\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td style=\"border-top: 1px solid #cccccc; padding: 10px;\">1. Select entity \"Western Australia\".<br \/> 2. Click the Info Button to view or edit Knowledge Management for that context key.<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 10px;\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Western-Australia-1.png\" rel=\"lightbox-19\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-39138 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Western-Australia-1.png\" alt=\"\" width=\"871\" height=\"449\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Western-Australia-1.png 871w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Western-Australia-1-768x396.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Western-Australia-1-150x77.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Western-Australia-1-24x12.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Western-Australia-1-36x19.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Western-Australia-1-48x25.png 48w\" sizes=\"auto, (max-width: 871px) 100vw, 871px\" \/><\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3>Saving Changes<\/h3>\n<p class=\"intro-text\">Remember that Knowledge Management is shared between users. When you save changes, this overwrites anything previously saved by another user.<\/p>\n<table style=\"width: 900px; border: 1px solid #cccccc;\">\n<tbody>\n<tr>\n<td style=\"padding: 10px;\"><em>User one edits the Knowledge Management fields for an Info button.<\/em><\/td>\n<td style=\"padding: 10px;\"><em>User two views the same Knowledge Management fields for the Info button.<\/em><\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 10px;\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/KM-User-1.png\" rel=\"lightbox-20\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-39130 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/KM-User-1.png\" alt=\"\" width=\"403\" height=\"448\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/KM-User-1.png 403w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/KM-User-1-135x150.png 135w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/KM-User-1-22x24.png 22w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/KM-User-1-32x36.png 32w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/KM-User-1-43x48.png 43w\" sizes=\"auto, (max-width: 403px) 100vw, 403px\" \/><\/a><\/td>\n<td style=\"padding: 10px;\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/KM-user-2.png\" rel=\"lightbox-21\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-39129 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/KM-user-2.png\" alt=\"\" width=\"406\" height=\"443\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/KM-user-2.png 406w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/KM-user-2-137x150.png 137w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/KM-user-2-22x24.png 22w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/KM-user-2-33x36.png 33w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/KM-user-2-44x48.png 44w\" sizes=\"auto, (max-width: 406px) 100vw, 406px\" \/><\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3>Copies of a Page<\/h3>\n<p class=\"intro-text\">When you save a copy of a page, by clicking the <strong>Save As<\/strong> button on the Page ribbon tab, the Info Buttons are copied to the new page; however, their Knowledge Management fields are empty in the new page.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Info Button is used to share contextual information for an area of your page. This information is available to all users of the page, for viewing or editing.<\/p>\n<p class=\"continue-reading-button\"> <a class=\"continue-reading-link\" href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/using-the-page-controls\/using-the-info-button\/using-the-info-button-4-6-0\/\">Read more<i class=\"crycon-right-dir\"><\/i><\/a><\/p>\n","protected":false},"author":8,"featured_media":39039,"parent":40315,"menu_order":1,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":"","_members_access_role":[],"_members_access_error":""},"categories":[4],"tags":[657,644],"class_list":["post-39037","page","type-page","status-publish","has-post-thumbnail","hentry","category-explainer","tag-information","tag-knowledge-management","Version-4-6-0","Product-ex"],"_links":{"self":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/39037","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=39037"}],"version-history":[{"count":0,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/39037\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/40315"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/media\/39039"}],"wp:attachment":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/media?parent=39037"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/categories?post=39037"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/tags?post=39037"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}