{"id":33669,"date":"2017-12-07T10:17:41","date_gmt":"2017-12-07T02:17:41","guid":{"rendered":"http:\/\/localhost\/help\/?page_id=33669"},"modified":"2026-08-13T22:33:59","modified_gmt":"2026-08-13T14:33:59","slug":"explorer-release-4-5-4","status":"publish","type":"page","link":"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-releases\/explorer-release-4-5-4\/","title":{"rendered":"Explorer Release 4.5.4"},"content":{"rendered":"\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1220 alignleft\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/P2_RGB-Explorer-Icon.png\" alt=\"P2_RGB Explorer Icon\" width=\"101\" height=\"116\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/P2_RGB-Explorer-Icon.png 248w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/P2_RGB-Explorer-Icon-130x150.png 130w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/P2_RGB-Explorer-Icon-21x24.png 21w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/P2_RGB-Explorer-Icon-31x36.png 31w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/P2_RGB-Explorer-Icon-42x48.png 42w\" sizes=\"auto, (max-width: 101px) 100vw, 101px\" \/><\/p>\n<p class=\"intro-text\">P2 Explorer 4.5 addresses the need for users to build their own Explorer pages and trends. With the addition of two critical components, the Performance Curve and the Embedded Trend, Studio\u2019s Toolbox has a comprehensive set of controls, enabling you to create the pages that you need, in order to optimise the way you display your data.<\/p>\n<p class=\"intro-text\">Explorer 4.5 offers a more usable Design Mode, and a Display Mode that makes it simpler for users to navigate through the displays, and easier to understand data and trends.\u00a0Navigation has been streamlined to give a better user experience, allowing users to link to pages, trends or related information on external URLs through hyperlinks or drill-down charts on pages, as well as view a trend or point details of data displayed on pages. Workspaces are easier to work with than before, and the ribbon tabs have been consolidated.<\/p>\n<p class=\"intro-text\">Patch Release 4.5.4 provides dozens of fixes, as well as changes to several components, making them easier to work with. Studio has had some improvements to navigation, making it easier to work with pages while editing. Notable features are the wildcard search on tags and attributes, the new \u2018relative time\u2019 trigger type, the Save As feature that\u2019s now available in Display Mode, and the ability to drag tags and attributes from the Navigators onto any open page or trend, or from a page to any other page or trend (in Design and Display modes).<\/p>\n<p class=\"note\">Note: P2 Server 4.5.4 is a prerequisite for P2 Explorer 4.5.4.<\/p>\n<p>&nbsp;<\/p>\n<h2 class=\"page-subheading\">Searching with Wildcard Filtering<\/h2>\n<p class=\"intro-text\">All Search functions in Explorer now have Wildcard filtering capabilities for tags and entities, allowing you to search for patterns, as an alternative to the regular simple text match available since earlier versions.<\/p>\n<p class=\"intro-text\"><strong>Using Asterisks<\/strong><\/p>\n<p class=\"intro-text\">Use an asterisk (*) at the beginning, middle and\/or end of the search text, to search for patterns that contain one or more alpha-numeric values.<\/p>\n<p class=\"intro-text\">Search results match the search term for all text before or after the asterisks. Any number of alpha-numerical characters can replace the asterisks in the search term. For example, the search term \u2018*900\u2019 will return search results ending in \u2018900\u2019 (such as 12350<strong>900<\/strong>, \u2018ABC<strong>900<\/strong>\u2019, \u2018989hhh<strong>900<\/strong>\u2019, etc.), while the search term \u2018*.pump*rate\u2019 returns results that contain alpha-numeric values before and after \u2018.pump\u2019, and end with \u2018rate\u2019 (such as \u2018Abes.<strong>Pump<\/strong>Flow<strong>Rate<\/strong>\u2019, \u2018Alligator.<strong>Pump<\/strong>Flow<strong>Rate<\/strong>\u2019, etc.).<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Wildcard-1.png\" rel=\"lightbox-0\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-33692 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Wildcard-1.png\" alt=\"\" width=\"450\" height=\"328\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Wildcard-1.png 450w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Wildcard-1-150x109.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Wildcard-1-24x17.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Wildcard-1-36x26.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Wildcard-1-48x35.png 48w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" \/><\/a><\/p>\n<p class=\"intro-text\"><strong>Using Question Marks<\/strong><\/p>\n<p class=\"intro-text\">Use one or more question mark characters (?), to limit replacement text to one alpha-numeric character per question mark symbol.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/wildcard-2.png\" rel=\"lightbox-1\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-33693 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/wildcard-2.png\" alt=\"\" width=\"452\" height=\"176\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/wildcard-2.png 452w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/wildcard-2-150x58.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/wildcard-2-24x9.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/wildcard-2-36x14.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/wildcard-2-48x19.png 48w\" sizes=\"auto, (max-width: 452px) 100vw, 452px\" \/><\/a><\/p>\n<p class=\"intro-text\"><strong>Examples Using One or Both Symbols<\/strong><\/p>\n<p class=\"intro-text\">You can also use a combination of asterisks and question marks, as shown in the table below.<\/p>\n<table width=\"120\">\n<tbody>\n<tr style=\"border: 1px solid #cccccc;\">\n<td style=\"width: 40%; padding-left: 5px;\"><strong>Search String<\/strong><\/td>\n<td style=\"width: 60%;\"><strong>Valid Search Results<\/strong><\/td>\n<\/tr>\n<tr style=\"border: 1px solid #cccccc;\">\n<td style=\"width: 40%; padding-left: 5px;\">RT??MN<\/td>\n<td style=\"width: 60%;\"><strong>RT<\/strong>AB<strong>MN<\/strong><br \/>\n <strong>RT<\/strong>W1<strong>MN<\/strong><br \/>\n <strong>RT<\/strong>12<strong>MN<\/strong><\/td>\n<\/tr>\n<tr style=\"border: 1px solid #cccccc;\">\n<td style=\"width: 40%; padding-left: 5px;\">*99?2?4<\/td>\n<td style=\"width: 60%;\">Hello<strong>99<\/strong>1<strong>2<\/strong>3<strong>4<\/strong><br \/>\n ABCDEFG<strong>99<\/strong>H<strong>2<\/strong>I<strong>4<\/strong><br \/>\n A<strong>99<\/strong>Z<strong>2<\/strong>S<strong>4<\/strong><\/td>\n<\/tr>\n<tr style=\"border: 1px solid #cccccc;\">\n<td style=\"width: 40%; padding-left: 5px;\">Pump*8?<\/td>\n<td style=\"width: 60%;\"><strong>Pump<\/strong>0009<strong>8<\/strong>1<br \/>\n <strong>Pump<\/strong>XYZ123<strong>8<\/strong>3<br \/>\n <strong>Pump<\/strong>88888<strong>8<\/strong>0<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p class=\"note\"><strong>Note: <\/strong>When searching for page names or trend names, do not use wildcard symbols.<\/p>\n<h2 class=\"page-subheading\">Saving a Page from Display Mode<\/h2>\n<p class=\"intro-text\">Now you can save a page without being a page editor. This means you can copy a page to another workspace, or to the same workspace using a different page name, without making any changes to the page.<\/p>\n<p class=\"intro-text\">You can click <strong>Save As<\/strong> either from a workspace detail for a page, or from the page itself, in Display mode.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Save-Page-1.png\" rel=\"lightbox-2\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-33683 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Save-Page-1.png\" alt=\"\" width=\"1234\" height=\"595\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Save-Page-1.png 1234w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Save-Page-1-768x370.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Save-Page-1-150x72.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Save-Page-1-24x12.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Save-Page-1-36x17.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Save-Page-1-48x23.png 48w\" sizes=\"auto, (max-width: 1234px) 100vw, 1234px\" \/><\/a><br \/>\n <em>Clicking <strong>Save As<\/strong> in the Workspace Detail panel, for a page<\/em><\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Save-Page-2.png\" rel=\"lightbox-3\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-33684 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Save-Page-2.png\" alt=\"\" width=\"829\" height=\"187\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Save-Page-2.png 829w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Save-Page-2-768x173.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Save-Page-2-150x34.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Save-Page-2-24x5.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Save-Page-2-36x8.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Save-Page-2-48x11.png 48w\" sizes=\"auto, (max-width: 829px) 100vw, 829px\" \/><\/a><br \/>\n <em>Clicking <strong>Save As<\/strong> from the Page ribbon, for a page in Display mode<\/em><\/p>\n<p class=\"intro-text\">The <strong>Save Display As<\/strong> window appears, so that you can select a name and workspace to save the page to.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Save-Page-3.png\" rel=\"lightbox-4\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-33685 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Save-Page-3.png\" alt=\"\" width=\"590\" height=\"284\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Save-Page-3.png 590w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Save-Page-3-150x72.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Save-Page-3-24x12.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Save-Page-3-36x17.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Save-Page-3-48x23.png 48w\" sizes=\"auto, (max-width: 590px) 100vw, 590px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<hr \/>\n<h2 class=\"page-subheading\">Dragging Data between Display Tabs<\/h2>\n<p class=\"intro-text\">In Explorer, there are various ways to move data (tags and attribute values) to a page or a trend. For example, you can drag a tag from the Tags Navigator onto an embedded trend on a page (in Display mode), or you can drag it onto a trend. Also in Display mode, you can drag a data label to an Embedded Trend on the same page.<\/p>\n<p class=\"intro-text\">In Studio mode, you can drag a Tag from the Tags Navigator onto a page, or into a component\u2019s editor, or you can drag an Attribute Value from the Attributes Panel onto a page.<\/p>\n<p class=\"intro-text\">In this version of Explorer, you have the same functionality available, except now you can choose which page or trend to add to, from any open display. Drag the data item, then hover over a page or trend tab to give it focus, before dropping it onto that page or trend.<\/p>\n<p class=\"note\"><strong>Note<\/strong> that if you are dragging a data label from a page, the original data label remains on the page.<\/p>\n<p class=\"intro-text\">The example below demonstrates how you can add a label to an embedded trend on <strong>Page 3<\/strong>, from a data label on <strong>Page 1<\/strong>.<\/p>\n<p class=\"intro-text\">1. Drag a data label to the tab of an open page or trend.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Drag-Data-1.png\" rel=\"lightbox-5\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-33701 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Drag-Data-1.png\" alt=\"\" width=\"702\" height=\"251\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Drag-Data-1.png 702w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Drag-Data-1-150x54.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Drag-Data-1-24x9.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Drag-Data-1-36x13.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Drag-Data-1-48x17.png 48w\" sizes=\"auto, (max-width: 702px) 100vw, 702px\" \/><\/a><\/p>\n<p class=\"intro-text\">2. The page\/trend gets focus. Drag over the embedded trend on the page.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Drag-Data-2.png\" rel=\"lightbox-6\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-33702 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Drag-Data-2.png\" alt=\"\" width=\"694\" height=\"345\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Drag-Data-2.png 694w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Drag-Data-2-150x75.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Drag-Data-2-24x12.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Drag-Data-2-36x18.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Drag-Data-2-48x24.png 48w\" sizes=\"auto, (max-width: 694px) 100vw, 694px\" \/><\/a><\/p>\n<p class=\"intro-text\">3. Drop the data label onto the embedded trend.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Drag-Data-3.png\" rel=\"lightbox-7\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-33703 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Drag-Data-3.png\" alt=\"\" width=\"702\" height=\"390\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Drag-Data-3.png 702w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Drag-Data-3-150x83.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Drag-Data-3-24x13.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Drag-Data-3-36x20.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Drag-Data-3-48x27.png 48w\" sizes=\"auto, (max-width: 702px) 100vw, 702px\" \/><\/a><\/p>\n<hr \/>\n<h2 class=\"page-subheading\">Trend Updates<\/h2>\n<h3>New Adaptive Raw Sample Method<\/h3>\n<p class=\"intro-text\">This version of P2 Explorer introduces a new Trend sample method, called \u2018Adaptive Raw\u2019. Adaptive Raw fetches far fewer data points from P2 Server (a maximum of 2000 points), yet renders a trend that is virtually identical to that produced when using the \u2018Raw\u2019 sample method (you may need to adjust the Sample Interval for Raw, to notice this).<\/p>\n<p class=\"intro-text\">The Adaptive Raw method renders the trend much faster than the \u2018Raw\u2019 method does. The Sample Interval cannot be selected for this method; it is called \u2018Auto\u2019, and is determined automatically to deliver the optimal number of data points. Server fetches the raw data points from the Historian, then uses an algorithm within its calculation engine to reduce the number of points, before sending these on to Explorer for trending.<\/p>\n<p class=\"intro-text\">Using the Adaptive Raw method, you can now view granular trends over a much longer period than before (up to two years, rather than up to eight hours).<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Adaptive-Raw.png\" rel=\"lightbox-8\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-33694 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Adaptive-Raw.png\" alt=\"\" width=\"1120\" height=\"330\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Adaptive-Raw.png 1120w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Adaptive-Raw-768x226.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Adaptive-Raw-150x44.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Adaptive-Raw-24x7.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Adaptive-Raw-36x11.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Adaptive-Raw-48x14.png 48w\" sizes=\"auto, (max-width: 1120px) 100vw, 1120px\" \/><\/a><\/p>\n<h3>Sample Intervals<\/h3>\n<p class=\"intro-text\">The trend Sample Intervals, which are limited depending on the selected Time Range and Sample Method used, have had these limitations relaxed.<\/p>\n<p class=\"intro-text\">The trend durations allow for smaller sample intervals, and the default sample method for each duration is more granular than in earlier versions. For example, a 3 months duration now defaults to a 4 hours sample interval (previously, the default was a 12 hours sample interval), and it has 1 hour as its smallest sample interval (previously it was 2 hours).<\/p>\n<h3>New Save As Button<\/h3>\n<p class=\"intro-text\">There are now two buttons on the Trend ribbon, for saving trends. The <strong>Save As<\/strong> button is used for saving the trend to a specified name and workspace. This is what the <strong>Save<\/strong> button used to do. The <strong>Save<\/strong> button is now used to save to the current trend name and workspace; there is no longer a confirmation dialog for the <strong>Save<\/strong> button.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Save-Trend.png\" rel=\"lightbox-9\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-33686 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Save-Trend.png\" alt=\"\" width=\"585\" height=\"284\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Save-Trend.png 585w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Save-Trend-150x73.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Save-Trend-24x12.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Save-Trend-36x17.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Save-Trend-48x23.png 48w\" sizes=\"auto, (max-width: 585px) 100vw, 585px\" \/><\/a><br \/>\n <em>The dialog that appears when you click <strong>Save As<\/strong><\/em><\/p>\n<p>&nbsp;<\/p>\n<hr \/>\n<h2 class=\"page-subheading\">Ribbon Updates<\/h2>\n<p class=\"intro-text\">There is a new ribbon tab, called Details, that is activated when the Point Detail page is opened, for a tag or an attribute value. The Details ribbon tab was introduced in the previous release, 4.5.3.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Ribbon-Updates.png\" rel=\"lightbox-10\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-33682 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Ribbon-Updates.png\" alt=\"\" width=\"508\" height=\"114\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Ribbon-Updates.png 508w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Ribbon-Updates-150x34.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Ribbon-Updates-24x5.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Ribbon-Updates-36x8.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Ribbon-Updates-48x11.png 48w\" sizes=\"auto, (max-width: 508px) 100vw, 508px\" \/><\/a><br \/>\n <em>Details Ribbon tab<\/em><\/p>\n<p>&nbsp;<\/p>\n<hr \/>\n<h2 class=\"page-subheading\">Studio Updates<\/h2>\n<h3>Component Focus in Studio<\/h3>\n<p class=\"intro-text\">In Studio, in Design mode, as soon as you click on a component on the page, the Component editor opens. If you have any of the other Configuration panels open (for Default Values, Triggers, or Properties) this will toggle to the Component editor panel as soon as you click on a component on the page, or drag a new component onto the page.<\/p>\n<p class=\"intro-text\">This saves you from having to click the <strong>Component<\/strong> button on the Studio ribbon, each time you want to edit a component.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Component-Focus.png\" rel=\"lightbox-11\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-33698 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Component-Focus.png\" alt=\"\" width=\"916\" height=\"373\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Component-Focus.png 916w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Component-Focus-768x313.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Component-Focus-150x61.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Component-Focus-24x10.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Component-Focus-36x15.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Component-Focus-48x20.png 48w\" sizes=\"auto, (max-width: 916px) 100vw, 916px\" \/><\/a><br \/>\n <em>Clicking on a component opens the Component editor panel<\/em><\/p>\n<h3>New Trigger Type for Relative Time<\/h3>\n<p class=\"intro-text\">Explorer has a new trigger type, called <strong>Relative Time<\/strong>. This trigger is used to set an output <em>Datetime<\/em> variable to a time that is relative to an input <em>Datetime<\/em> variable.<\/p>\n<p class=\"intro-text\">The new output variable can be used elsewhere on the page, effectively allowing you to have a relative time that keeps pace with the date and time that you are selecting.<\/p>\n<p class=\"intro-text\">In the example below, a Relative Time\u2019s output time variable is used as the end time for an embedded trend, while its input time variable is the page\u2019s startTime.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/New-Trigger-1.png\" rel=\"lightbox-12\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-33680 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/New-Trigger-1.png\" alt=\"\" width=\"720\" height=\"444\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/New-Trigger-1.png 720w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/New-Trigger-1-150x93.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/New-Trigger-1-24x15.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/New-Trigger-1-36x22.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/New-Trigger-1-48x30.png 48w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/a><\/p>\n<p class=\"intro-text\">For the above example, this is how the relative time was configured:<\/p>\n<table width=\"900 \">\n<tbody>\n<tr style=\"border: 1px solid #cccccc;\">\n<td style=\"width: 40%; padding: 10px;\">\n<table>\n<tbody>\n<tr>\n<td><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/trigger-ribbon.png\" rel=\"lightbox-13\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-33612\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/trigger-ribbon.png\" alt=\"\" width=\"500\" height=\"94\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/trigger-ribbon.png 728w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/trigger-ribbon-150x28.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/trigger-ribbon-24x5.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/trigger-ribbon-36x7.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/trigger-ribbon-48x9.png 48w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td>a. Click <strong>Add,<\/strong> to add a new <strong>Relative Time<\/strong> Trigger<\/td>\n<\/tr>\n<tr>\n<td>b. Optionally add a <strong>Trigger Title.<\/strong> We type in <strong>RelativeTime1.<\/strong><\/td>\n<\/tr>\n<tr>\n<td>c. The <strong>Input<\/strong> <strong>Time<\/strong> is the time that the relative time trigger relates to. We select <strong>startTime<\/strong>, which is a page variable.<\/td>\n<\/tr>\n<tr>\n<td>d. The <strong>Time Difference<\/strong> can be any number of Days, hours, minutes and seconds (Days, Hours, Mins, and Secs). We type in <strong>60<\/strong> for <strong>Days,<\/strong> and leave the other fields as zero.<\/td>\n<\/tr>\n<tr>\n<td>e. Choose to have the relative time Before or After the Input Time. We select <strong>After.<\/strong><\/td>\n<\/tr>\n<tr>\n<td>f. The Output Time is a variable, and requires a name. We type in <strong>twoMonthsLater.<\/strong><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/td>\n<td style=\"width: 40%;\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/New-Trigger-2.png\" rel=\"lightbox-14\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-33681 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/New-Trigger-2.png\" alt=\"\" width=\"362\" height=\"428\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/New-Trigger-2.png 362w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/New-Trigger-2-127x150.png 127w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/New-Trigger-2-20x24.png 20w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/New-Trigger-2-30x36.png 30w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/New-Trigger-2-41x48.png 41w\" sizes=\"auto, (max-width: 362px) 100vw, 362px\" \/><\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p class=\"note\"><strong>Note: <\/strong>The different triggers now each have a Trigger Title, which can be used to help organise them.<\/p>\n<h3>Changes to Default Values<\/h3>\n<p class=\"intro-text\">The <strong>Default Values<\/strong> startTime, when configured to use the <em>Relative Datetime<\/em> option, has had a format change, matching the new Relative Time Trigger Type. It is easier to configure, and the smallest duration can be measured in seconds.<\/p>\n<table style=\"border: 1px solid #cccccc;\">\n<tbody>\n<tr>\n<td style=\"padding: 10px;\" width=\"302\">\u00a0<img loading=\"lazy\" decoding=\"async\" class=\"wp-image-33699 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Default-Values-1.png\" alt=\"\" width=\"363\" height=\"196\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Default-Values-1.png 363w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Default-Values-1-150x81.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Default-Values-1-24x13.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Default-Values-1-36x19.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Default-Values-1-48x26.png 48w\" sizes=\"auto, (max-width: 363px) 100vw, 363px\" \/><\/td>\n<td style=\"padding: 10px;\" width=\"302\">\u00a0<a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Default-Values-2.png\" rel=\"lightbox-15\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-33700 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Default-Values-2.png\" alt=\"\" width=\"362\" height=\"178\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Default-Values-2.png 362w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Default-Values-2-150x74.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Default-Values-2-24x12.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Default-Values-2-36x18.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Default-Values-2-48x24.png 48w\" sizes=\"auto, (max-width: 362px) 100vw, 362px\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 10px;\" width=\"302\"><em>The new formatting for Relative Datetime <\/em><\/td>\n<td style=\"padding: 10px;\" width=\"302\"><em>Previous versions used a Minutes-only format<\/em><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3>Dropping Tags and Attribute Values in Preview Mode<\/h3>\n<p class=\"intro-text\">Previously, there was no change to a page when a tag or an attribute value was dragged from one of the navigators onto a Studio page that was in <em>Preview<\/em> mode.<\/p>\n<p class=\"intro-text\">With this release, a page that is in <em>Preview<\/em> mode automatically switches to <em>Design<\/em> mode when a user tries to drag a tag or an attribute value onto the page, or into the property editor of a component, so that it can be added.<\/p>\n<table style=\"border: 1px solid #cccccc;\">\n<tbody>\n<tr>\n<td width=\"302\">\u00a0<a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Dropping-Tags-1.png\" rel=\"lightbox-16\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-33706\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Dropping-Tags-1.png\" alt=\"\" width=\"450\" height=\"245\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Dropping-Tags-1.png 608w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Dropping-Tags-1-150x82.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Dropping-Tags-1-24x13.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Dropping-Tags-1-36x20.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Dropping-Tags-1-48x26.png 48w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" \/><\/a><\/td>\n<td width=\"302\">\u00a0<a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Dropping-Tags-2.png\" rel=\"lightbox-17\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-33707\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Dropping-Tags-2.png\" alt=\"\" width=\"450\" height=\"245\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Dropping-Tags-2.png 579w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Dropping-Tags-2-150x82.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Dropping-Tags-2-24x13.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Dropping-Tags-2-36x20.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Dropping-Tags-2-48x26.png 48w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td width=\"302\"><em>1. The page is in <strong>Preview<\/strong> mode.<\/em><\/td>\n<td width=\"302\"><em>2. As you hover over the page, it changes to <strong>Design<\/strong> mode, so that you can drop the tag onto the page.<\/em><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3>Dropping Components in Preview Mode<\/h3>\n<p class=\"intro-text\">In Studio, a page that is in <em>Preview<\/em> mode automatically switches to <em>Design<\/em> mode when a user tries to drag a component from the Toolbox onto the page.<\/p>\n<table style=\"border: 1px solid #cccccc;\">\n<tbody>\n<tr>\n<td width=\"302\">\u00a0<a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Dropping-Components-1.png\" rel=\"lightbox-18\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-33704 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Dropping-Components-1.png\" alt=\"\" width=\"350\" height=\"260\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Dropping-Components-1.png 350w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Dropping-Components-1-150x111.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Dropping-Components-1-24x18.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Dropping-Components-1-36x27.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Dropping-Components-1-48x36.png 48w\" sizes=\"auto, (max-width: 350px) 100vw, 350px\" \/><\/a><\/td>\n<td width=\"302\">\u00a0<a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Dropping-Components-2.png\" rel=\"lightbox-19\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-33705 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Dropping-Components-2.png\" alt=\"\" width=\"350\" height=\"260\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Dropping-Components-2.png 350w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Dropping-Components-2-150x111.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Dropping-Components-2-24x18.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Dropping-Components-2-36x27.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Dropping-Components-2-48x36.png 48w\" sizes=\"auto, (max-width: 350px) 100vw, 350px\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td width=\"302\"><em>1. The Studio page is in <strong>Preview<\/strong> mode.<\/em><\/td>\n<td width=\"302\"><em>2. As you hover over the page, it changes to <strong>Design<\/strong> mode, so that you can drop the component onto the page.<\/em><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>&nbsp;<\/p>\n<hr \/>\n<h2 class=\"page-subheading\">Component Changes<\/h2>\n<h3>Changes to the Hyperlink<\/h3>\n<p class=\"intro-text\">The hyperlink component now has all three Tab Type options for any of the hyperlink types. These options are: <em>New Explorer Tab, Same Explorer Tab,<\/em> and<em> New Browser Tab<\/em>.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Changes-to-hyperlink.png\" rel=\"lightbox-20\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-33697 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Changes-to-hyperlink.png\" alt=\"\" width=\"353\" height=\"398\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Changes-to-hyperlink.png 353w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Changes-to-hyperlink-133x150.png 133w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Changes-to-hyperlink-21x24.png 21w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Changes-to-hyperlink-32x36.png 32w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Changes-to-hyperlink-43x48.png 43w\" sizes=\"auto, (max-width: 353px) 100vw, 353px\" \/><\/a><\/p>\n<p class=\"note\"><strong>Note: <\/strong>Unsecured (HTTP) URLs will always open in a new browser tab, when opened from a secured Explorer (HTTPS) site, regardless of the selected tab type.<\/p>\n<h3>Embedded Trend with Adhoc Calcs<\/h3>\n<p class=\"intro-text\">Previously you could drag and drop a data label onto an embedded trend to show an attribute value or a tag. In this version of Explorer, ad hoc calculation data labels can also be dragged onto an embedded trend.<\/p>\n<h3>Changes to the Bullet Graph<\/h3>\n<p class=\"intro-text\">The bullet graph has several small updates, as part of the work addressing isses that were raised.<\/p>\n<p class=\"intro-text\">The two bullet charts shown below share the same style properties, and are also configured to use the same values (<em>Actual = 10, Target = 20, Measure 1 = 10, Measure 2=15<\/em> and<em> Measure 3=18<\/em>).<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Bullet-in-current-version.png\" rel=\"lightbox-21\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-33695 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Bullet-in-current-version.png\" alt=\"\" width=\"273\" height=\"111\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Bullet-in-current-version.png 273w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Bullet-in-current-version-150x61.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Bullet-in-current-version-24x10.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Bullet-in-current-version-36x15.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Bullet-in-current-version-48x20.png 48w\" sizes=\"auto, (max-width: 273px) 100vw, 273px\" \/><\/a><br \/>\n <em>A bullet chart in version 4.5.4<\/em><\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Bullet-in-earlier-version.png\" rel=\"lightbox-22\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-33696 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Bullet-in-earlier-version.png\" alt=\"\" width=\"266\" height=\"106\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Bullet-in-earlier-version.png 266w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Bullet-in-earlier-version-150x60.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Bullet-in-earlier-version-24x10.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Bullet-in-earlier-version-36x14.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Bullet-in-earlier-version-48x19.png 48w\" sizes=\"auto, (max-width: 266px) 100vw, 266px\" \/><\/a><br \/>\n <em>The same bullet chart in earlier versions<\/em><\/p>\n<p class=\"intro-text\">In version 4.5.4, the changes in appearance for the bullet chart are as follows:<\/p>\n<ul class=\"intro-text\">\n<li>The <em>last measure<\/em> region no longer extends to fill the width of the container. Instead it obeys the limits set in the editor (in the example, target is greater than measure 3; this is clearly shown, in version 4.5.4).<\/li>\n<li>There is now a fixed padding on the right equal to 1\/2 of the target bar width (which is determined by style settings).<\/li>\n<li>The target bar is centred on the target value, whereas previously the left edge of the target bar corresponded with the target value<\/li>\n<li>The target bar (using a style that has a line style property) is no longer twice as thick as it should be.<\/li>\n<\/ul>\n<h3>Changes to the Status Indicator<\/h3>\n<p class=\"intro-text\">The Status Indicator component has had extensive changes in the editor. Subjective and potentially ambiguous terms such as \u2018Good\u2019, \u2018Bad\u2019, \u2018Reversed\u2019, and so on, have been replaced by clear and unambiguous labels and graphical representations.<\/p>\n<p class=\"intro-text\">The Status Indicator is now easier to work with, and can also be used for various purposes. The behaviour in Display mode is essentially the same, although symbols might be different (configured from a wider selection), and the indicator can also be configured for two states instead of three.<\/p>\n<p class=\"intro-text\">Here are some of the changes:<\/p>\n<ul class=\"intro-text\">\n<li>The labels <em>Good, Average<\/em> and <em>Bad<\/em> have been replaced by state configuration options (symbols and colours), with arrows indicating progression from one state to the next.<\/li>\n<li>Instead of a <strong>Reversed<\/strong> option, you can now pick a <strong>Direction:<\/strong> \u2018Ascending\u2019 or \u2018Descending\u2019.<\/li>\n<li>Selecting <strong>Percentage<\/strong> changes the <strong>Limit<\/strong> label\/s from \u2018Limit\u2019 to \u2018Limit %\u2019; this makes it clear that the <strong>Actual<\/strong> value is evaluated as a percentage (the Limit %) of the <strong>Target.<\/strong><\/li>\n<li>Colours for the different \u2018States\u2019 are now set in the editor, rather than in the Styles. You are now also able to select an icon for each of the different states.<\/li>\n<\/ul>\n<table style=\"border: 1px solid #cccccc;\">\n<tbody>\n<tr>\n<td width=\"302\">\u00a0<a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Status-Ind-1.png\" rel=\"lightbox-23\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-33687 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Status-Ind-1.png\" alt=\"\" width=\"136\" height=\"239\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Status-Ind-1.png 136w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Status-Ind-1-85x150.png 85w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Status-Ind-1-14x24.png 14w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Status-Ind-1-20x36.png 20w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Status-Ind-1-27x48.png 27w\" sizes=\"auto, (max-width: 136px) 100vw, 136px\" \/><\/a><\/td>\n<td width=\"302\">\u00a0<a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Status-Ind-2.png\" rel=\"lightbox-24\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-33688 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Status-Ind-2.png\" alt=\"\" width=\"144\" height=\"241\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Status-Ind-2.png 144w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Status-Ind-2-90x150.png 90w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Status-Ind-2-14x24.png 14w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Status-Ind-2-22x36.png 22w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Status-Ind-2-29x48.png 29w\" sizes=\"auto, (max-width: 144px) 100vw, 144px\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td width=\"302\"><em>Selecting an icon and colour for a state, in the editor<\/em><\/td>\n<td width=\"302\"><em>This is how the status indicator look in display mode, for the colour and icon<\/em><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p class=\"intro-text\">In the examples below, the numbers are the same in both cases <strong>(Actual<\/strong> is 42, which is less than 50% of 90). Depending on the <strong>Direction<\/strong> (Ascending or Descending), this is either depicted as \u2018above\u2019 the limit, or it is \u2018below\u2019 the limit.<\/p>\n<table style=\"border: 1px solid #cccccc;\">\n<tbody>\n<tr>\n<td width=\"302\">\u00a0<a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Status-Ind-3.png\" rel=\"lightbox-25\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-33689 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Status-Ind-3.png\" alt=\"\" width=\"430\" height=\"576\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Status-Ind-3.png 430w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Status-Ind-3-112x150.png 112w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Status-Ind-3-18x24.png 18w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Status-Ind-3-27x36.png 27w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Status-Ind-3-36x48.png 36w\" sizes=\"auto, (max-width: 430px) 100vw, 430px\" \/><\/a><\/td>\n<td width=\"302\">\u00a0<a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Status-Ind-4.png\" rel=\"lightbox-26\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-33690 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Status-Ind-4.png\" alt=\"\" width=\"418\" height=\"580\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Status-Ind-4.png 418w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Status-Ind-4-108x150.png 108w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Status-Ind-4-17x24.png 17w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Status-Ind-4-26x36.png 26w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Status-Ind-4-35x48.png 35w\" sizes=\"auto, (max-width: 418px) 100vw, 418px\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td width=\"302\"><em>In Ascending Direction, Actual (42) is <strong>below<\/strong> 45 (50% of Target), hence the configured red warning symbol (exclamation mark) is shown in the component. <\/em><\/td>\n<td width=\"302\"><em>In Descending Direction, Actual (42) is <strong>above<\/strong> 45 (50% of Target), hence the configured green tick is shown in the component.<\/em><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p class=\"intro-text\">When a new component editor is dragged onto a page, the default <strong>State Count<\/strong> is 2 States. For a more complex Status Indicator, you can choose 3 States.<\/p>\n<p class=\"note\"><strong>Note <\/strong>that Status Indicators from earlier versions will have 3 States selected.<\/p>\n<h3>Images<\/h3>\n<p class=\"intro-text\">You can now upload and use <strong>.gif<\/strong> images in the Explorer image component. Previously, image file types were limited to: .png, .jpg, .ico, and .svg.<\/p>\n<p class=\"intro-text\">The types of supported images can be seen, when you upload an image in Explorer.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Upload-Image.png\" rel=\"lightbox-27\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-33691 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Upload-Image.png\" alt=\"\" width=\"605\" height=\"86\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Upload-Image.png 605w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Upload-Image-150x21.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Upload-Image-24x3.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Upload-Image-36x5.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/12\/Upload-Image-48x7.png 48w\" sizes=\"auto, (max-width: 605px) 100vw, 605px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<hr \/>\n<h2 class=\"page-subheading\"><span id=\"Previous_Releases\">Previous Releases<\/span><\/h2>\n<p class=\"intro-text\">For a complete list of P2 Explorer release notes, see\u00a0<a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-server\/explorer-releases\/\">Explorer Releases<\/a>.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Patch Release 4.5.4 provides dozens of fixes, as well as changes to several components, making them easier to work with. Studio has had some improvements to navigation, making it easier to work with pages while editing. Notable features are the wildcard search on tags and attributes, the new \u2018relative time\u2019 trigger type, the Save As feature that\u2019s now available in Display Mode, and the ability to drag tags and attributes from the Navigators onto any open page or trend, or from a page to any other page or trend (in Design and Display modes).<\/p>\n<p class=\"continue-reading-button\"> <a class=\"continue-reading-link\" href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-releases\/explorer-release-4-5-4\/\">Read more<i class=\"crycon-right-dir\"><\/i><\/a><\/p>\n","protected":false},"author":8,"featured_media":33517,"parent":28831,"menu_order":138,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":"","_members_access_role":[],"_members_access_error":""},"categories":[7],"tags":[],"class_list":["post-33669","page","type-page","status-publish","has-post-thumbnail","hentry","category-release-notes","Version-4-5-4","Product-ex"],"_links":{"self":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/33669","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=33669"}],"version-history":[{"count":1,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/33669\/revisions"}],"predecessor-version":[{"id":44416,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/33669\/revisions\/44416"}],"up":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/28831"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/media\/33517"}],"wp:attachment":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/media?parent=33669"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/categories?post=33669"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/tags?post=33669"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}