{"id":1425,"date":"2015-02-16T23:32:32","date_gmt":"2015-02-16T15:32:32","guid":{"rendered":"http:\/\/localhost\/help\/?page_id=1425"},"modified":"2018-01-23T12:48:58","modified_gmt":"2018-01-23T04:48:58","slug":"status-indicator-4-4-1","status":"publish","type":"page","link":"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/status-indicator\/status-indicator-4-4-1\/","title":{"rendered":"Status Indicator 4.4.1"},"content":{"rendered":"\n<p class=\"left-bar\">This article applies to versions 4.4.1 and later of P2 Explorer.\u00a0For more, see <a href=\"#Release_History\">Release History<\/a>. For the latest help, see <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/status-indicator\/\">Status Indicator<\/a>.<\/p>\n<h2 class=\"page-subheading\">Overview<\/h2>\n<p class=\"overview\">The Status Indicator displays different icons depending on whether set thresholds are reached.<\/p>\n<p class=\"intro-text\">It is typically used for presenting KPI data in an easy to digest format.\u00a0The following diagram shows a configured Status Indicator:<\/p>\n<div style=\"position: relative;\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-config.png\" rel=\"lightbox-0\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-15667 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-config.png\" alt=\"Status Indicator 4.4.1\" width=\"575\" height=\"507\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-config.png 575w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-config-150x132.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-config-24x21.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-config-36x32.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-config-48x42.png 48w\" sizes=\"auto, (max-width: 575px) 100vw, 575px\" \/><\/a><\/div>\n<table>\n<tbody>\n<tr>\n<td><strong>Actual<\/strong>:<\/td>\n<td>The actual value of a data point.<\/td>\n<\/tr>\n<tr>\n<td><strong>Target<\/strong>:<\/td>\n<td>The value that we are aspiring to reach. For example, a sales target. This field is not used unless the threshold values are expressed as a percentage. The component\u00a0will use this field to calculate the actual percentage value for comparison with the thresholds. If the thresholds are expressed as actual values, Target Value is not required.<\/td>\n<\/tr>\n<tr>\n<td><strong>Bad<\/strong>:<\/td>\n<td>The value below\u00a0which the indicator will show a bad value. The icon displays as a triangle with an exclamation mark when the Actual value is equal to or falls below the Bad value.<\/td>\n<\/tr>\n<tr>\n<td><strong>Average<\/strong>:<\/td>\n<td>The value at\u00a0which the indicator will show an\u00a0average\u00a0value. The icon displays as a square when the Actual value falls between the Bad and Average values.<\/td>\n<\/tr>\n<tr>\n<td><strong>Good<\/strong>:<\/td>\n<td>The value at\u00a0which the indicator will show a good\u00a0value. The icon displays as a circle with a tick when the Actual value is equal to or greater than the Average value.<\/td>\n<\/tr>\n<tr>\n<td><strong>Percentage<\/strong>:<\/td>\n<td>Select this check box if the threshold values are expressed as a percentage of the target.<\/td>\n<\/tr>\n<tr>\n<td><strong>Reversed<\/strong>:<\/td>\n<td>Select this check box to invert the good and bad thresholds, so that lower is good and higher is bad.<\/td>\n<\/tr>\n<tr>\n<td><strong>Style<\/strong>:<\/td>\n<td>The style to apply to the status indicator component. If you are a Style Administrator,\u00a0you can\u00a0add a new Status Indicator\u00a0style.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p class=\"left-bar-p2blue\">Related: <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/using-the-page-controls\/using-the-status-displays\/\">Reading the Status Indicator<\/a> in display mode, Adding a new <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-admin\/explorer-styles\/styling-displays\/\">Status Indicator style<\/a><\/p>\n<p>&nbsp;<\/p>\n<hr \/>\n<h2 class=\"page-subheading\">How to Use<\/h2>\n<p class=\"intro-text\">This component displays 3 different icons, depending on how it's configured.<\/p>\n<table>\n<tbody>\n<tr style=\"border: 1px solid #cccccc;\">\n<td style=\"padding-left: 5px; width: 200px;\"><strong>Indicator (High Limits)<\/strong><\/td>\n<td style=\"width: 200px;\"><strong>Indicator (Low Limits)<\/strong><\/td>\n<td><strong>Displays at these thresholds<\/strong><\/td>\n<\/tr>\n<tr style=\"border: 1px solid #cccccc;\">\n<td style=\"padding-left: 5px;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-15673 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-good.png\" alt=\"Status Indicator Good 4.4\" width=\"14\" height=\"12\" \/><\/td>\n<td><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-15673 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-good.png\" alt=\"Status Indicator Good 4.4\" width=\"14\" height=\"12\" \/><\/td>\n<td>\n<p>Actual &gt; Target<br \/>\n Actual &gt; Good<br \/>\n Actual &gt; Average<\/p>\n<\/td>\n<\/tr>\n<tr style=\"border: 1px solid #cccccc;\">\n<td style=\"padding-left: 5px;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-15674 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-average.png\" alt=\"Status Indicator Average 4.4\" width=\"14\" height=\"12\" \/><\/td>\n<td><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-15688 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-low-average.png\" alt=\"Status Indicator Average 4.4\" width=\"14\" height=\"12\" \/><\/td>\n<td>Bad &lt; Actual &lt;= Average<\/td>\n<\/tr>\n<tr style=\"border: 1px solid #cccccc;\">\n<td style=\"padding-left: 5px;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-15675 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-bad.png\" alt=\"Status Indicator Bad 4.4\" width=\"16\" height=\"13\" \/><\/td>\n<td><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-15689 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-low-bad.png\" alt=\"Status Indicator Bad 4.4\" width=\"14\" height=\"13\" \/><\/td>\n<td>Actual &lt;= Bad<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p class=\"intro-text\">You can use this control in 2 ways:<\/p>\n<ul class=\"intro-text\">\n<li>Specify only the <strong>Bad Threshold<\/strong>. When the value in the Actual Column\u00a0is equal to or below that in the Bad Threshold Column, the icon will appear, otherwise no icon will appear.<\/li>\n<li>Specify <strong>all thresholds<\/strong> to display the different\u00a0icons accordingly.<\/li>\n<\/ul>\n<p class=\"intro-text\">If the <strong>Percentage<\/strong> option is selected, the thresholds (Bad, Average, Good) are calculated as a percentage of the target. This affects the point at which the indicator will change. For example, if your Target is 80 and your Bad threshold is 20%, then the point at which the indicator will change will be 16 (because 16 is 20% of the target 80).<\/p>\n<p>&nbsp;<\/p>\n<hr \/>\n<h2 class=\"page-subheading\"><span id=\"Tutorial\">Tutorial:\u00a0Creating an Entity-Driven Status Indicator<\/span><\/h2>\n<p class=\"note\">If you're unfamiliar with the process of building pages, read the article\u00a0<a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-create-your-first-page\/building-an-explorer-page\/\" data-slimstat-clicked=\"false\" data-slimstat-type=\"2\" data-slimstat-tracking=\"false\" data-slimstat-callback=\"false\" data-slimstat-async=\"false\">Building an Explorer Page<\/a>.<\/p>\n<p class=\"intro-text\">In this tutorial, we\u2019ll look at adding a Status Indicator that changes depending on the entity that is selected from an Option Links.\u00a0<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut.png\" rel=\"lightbox-1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-15705 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut.png\" alt=\"Status Indicator 4.4\" width=\"284\" height=\"152\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut.png 284w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-150x80.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-24x13.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-36x19.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-48x26.png 48w\" sizes=\"auto, (max-width: 284px) 100vw, 284px\" \/><\/a><\/p>\n<p class=\"intro-text\">Let\u2019s go through this process, step-by-step.<\/p>\n<p class=\"left-bar\"><strong>Note<\/strong>: This configuration uses the <em>Sample Data <\/em>table\u00a0and datasets that can be optionally made available\u00a0during initial installation and setup. If you don't have access to this data, you will need to adjust the configuration to suit your data at your site.<\/p>\n<p class=\"intro-text\">\u00a0<\/p>\n<p class=\"intro-text\"><strong>Step 1. Prepare a Studio Page<\/strong><\/p>\n<p class=\"intro-text\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14281\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/01\/newpage.png\" sizes=\"auto, (max-width: 438px) 100vw, 438px\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/01\/newpage-400x100.png 400w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/01\/newpage-250x62.png 250w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/01\/newpage-24x6.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/01\/newpage-36x9.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/01\/newpage-48x12.png 48w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/01\/newpage.png 438w\" alt=\"New Page button on ribbon\" width=\"438\" height=\"109\" \/><\/p>\n<p class=\"intro-text\">Before you start, click the <strong>New Page<\/strong>\u00a0button on the Home tab of the ribbon. Choose the Grid layout.<\/p>\n<p class=\"intro-text\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14282\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/01\/gridlayoutchoose.png\" sizes=\"auto, (max-width: 863px) 100vw, 863px\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/01\/gridlayoutchoose-150x93.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/01\/gridlayoutchoose-400x248.png 400w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/01\/gridlayoutchoose-768x475.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/01\/gridlayoutchoose-800x495.png 800w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/01\/gridlayoutchoose-242x150.png 242w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/01\/gridlayoutchoose.png 863w\" alt=\"Grid Layout 4.4\" width=\"863\" height=\"534\" \/><\/p>\n<ul class=\"intro-text\">\n<li>For this exercise, we'll keep the 4 grid cells.<\/li>\n<li>Assign the first column a width of 20.<\/li>\n<li>Assign a column spacing of 20.<\/li>\n<li>Assign the first row a height of 100.<\/li>\n<li>Assign a row spacing of 20.<\/li>\n<\/ul>\n<p class=\"left-bar\">Related: <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/grid-layout\/\" data-slimstat-clicked=\"false\" data-slimstat-type=\"2\" data-slimstat-tracking=\"false\" data-slimstat-callback=\"false\" data-slimstat-async=\"false\">Grid Layout tutorial<\/a><\/p>\n<p class=\"intro-text\">\u00a0<\/p>\n<p class=\"intro-text\"><strong>Step 2. Add the Status Indicator\u00a0to the page<\/strong><\/p>\n<p class=\"intro-text\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-2.png\" rel=\"lightbox-2\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-15710 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-2.png\" alt=\"Status Indicator 4.4\" width=\"1083\" height=\"642\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-2.png 1083w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-2-768x455.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-2-150x89.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-2-24x14.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-2-36x21.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-2-48x28.png 48w\" sizes=\"auto, (max-width: 1083px) 100vw, 1083px\" \/><\/a><\/p>\n<p class=\"intro-text\">Drag and drop the Status Indicator component\u00a0onto a grid cell.\u00a0The Status Indicator\u00a0is in the Display <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1844 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/display.png\" alt=\"Display group icon\" width=\"22\" height=\"13\" data-pin-nopin=\"true\" \/>\u00a0group.<\/p>\n<p class=\"intro-text\">\u00a0<\/p>\n<p class=\"intro-text\"><strong>Step 3.\u00a0\u00a0Configure the\u00a0Status Indicator<\/strong><\/p>\n<p class=\"intro-text\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-3-1.png\" rel=\"lightbox-3\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-22570 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-3-1.png\" width=\"936\" height=\"411\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-3-1.png 936w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-3-1-768x337.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-3-1-150x66.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-3-1-24x11.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-3-1-36x16.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-3-1-48x21.png 48w\" sizes=\"auto, (max-width: 936px) 100vw, 936px\" \/><\/a><\/p>\n<p class=\"intro-text\">In this example, we want the Status Indicator to change according to the entity selected from the Option Links. Configure the Status Indicator\u00a0as follows.<\/p>\n<div>\n<p class=\"left-bar\">Related: <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/data-selector\/\" data-slimstat-clicked=\"false\" data-slimstat-type=\"2\" data-slimstat-tracking=\"false\" data-slimstat-callback=\"false\" data-slimstat-async=\"false\">Data Selector<\/a>, <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-primers\/variables\/\" data-slimstat-clicked=\"false\" data-slimstat-type=\"2\" data-slimstat-tracking=\"false\" data-slimstat-async=\"false\" data-slimstat-callback=\"false\">Variables<\/a><\/p>\n<p class=\"intro-text\"><strong>Configuring the Actual value<\/strong>:\u00a0<\/p>\n<ul class=\"intro-text\">\n<li>Open the <strong>Actual\u00a0<\/strong>Data Selector by clicking on the field. Click the Dataset <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14669\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/datasetquerydataicon.png\" alt=\"Dataset icon\" width=\"16\" height=\"13\" \/>\u00a0tab, and fill in the fields as follows:\n<ul class=\"intro-text\">\n<li>Dataset Query:\u00a0WellProductionDataSum<em><br \/>\n <\/em><\/li>\n<li>Filter Column: Entity<\/li>\n<li>Filter Value: (Variable) selectedEntity<br \/>\n <em>Note: You will need to type this in, it will not be available for selection.<\/em><\/li>\n<li>Value Column: Oil<br \/>\n <em>Note: See <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/filter-column-and-filter-value\/\" data-slimstat-clicked=\"false\" data-slimstat-type=\"2\" data-slimstat-tracking=\"false\" data-slimstat-callback=\"false\" data-slimstat-async=\"false\">Filter Column and Filter Value<\/a> for more information on how these fields\u00a0work.<br \/>\n \u00a0<br \/>\n <\/em><\/li>\n<li>EndDate: (Variable) endTime<\/li>\n<li>EntitiesList: (Variable) selectedEntity<br \/>\n <em>Note: You will need to type this in, it will not be available for selection.<\/em><\/li>\n<li>StartDate: (Variable) startTime<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-3a.png\" rel=\"lightbox-4\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-22551 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-3a.png\" width=\"325\" height=\"434\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-3a.png 325w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-3a-112x150.png 112w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-3a-18x24.png 18w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-3a-27x36.png 27w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-3a-36x48.png 36w\" sizes=\"auto, (max-width: 325px) 100vw, 325px\" \/><\/a><\/p>\n<div class=\"best-prac\"><i class=\"fa fa-star fa-2x fa-pull-left\"><\/i><span class=\"best-prac-text\">TOP TIP<\/span><\/p>\n<p class=\"intro-text\">Click the Preview button to check that you are getting data. If the preview window is blank, you may have filled in a parameter incorrectly.<\/p>\n<\/div>\n<p>&nbsp;<\/p>\n<p class=\"intro-text\"><strong>Configuring the Target<\/strong>:<\/p>\n<ul class=\"intro-text\">\n<li>Click away from the Data Selector.<\/li>\n<li>Open the <strong>Actual\u00a0<\/strong>Data Selector by clicking on the field. Click the Dataset <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14669\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/datasetquerydataicon.png\" alt=\"Dataset icon\" width=\"16\" height=\"13\" \/>\u00a0tab, and fill in the fields as follows:\n<ul class=\"intro-text\">\n<li>Dataset Query:\u00a0WellProductionDataSum<em><br \/>\n <\/em><\/li>\n<li>Filter Column: Entity<\/li>\n<li>Filter Value: (Variable) selectedEntity<br \/>\n <em>Note: You will now be able to select this from the drop-down list.<\/em><\/li>\n<li>Value Column: OilPlanned<br \/>\n \u00a0<\/li>\n<li>EndDate: (Variable) endTime<\/li>\n<li>EntitiesList: (Variable) selectedEntity<br \/>\n <em>Note: You will now be able to select this from the drop-down list.<\/em><\/li>\n<li>StartDate: (Variable) startTime<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/div>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-3b1.png\" rel=\"lightbox-5\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-22562 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-3b1.png\" width=\"325\" height=\"408\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-3b1.png 325w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-3b1-119x150.png 119w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-3b1-19x24.png 19w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-3b1-29x36.png 29w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-3b1-38x48.png 38w\" sizes=\"auto, (max-width: 325px) 100vw, 325px\" \/><\/a><\/p>\n<div>\n<p class=\"intro-text\"><strong>Configuring the Bad threshold<\/strong>:<\/p>\n<p class=\"intro-text\">With the threshold values, we're going to specify them in percentages of the target value.<\/p>\n<ul class=\"intro-text\">\n<li>Open the <strong>Bad\u00a0<\/strong>Data Selector by clicking on the field. Stay on the Value <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-15215 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/dataselectorvalueicon.png\" alt=\"Data selector Value icon\" width=\"15\" height=\"15\" \/>\u00a0tab.\u00a0<\/li>\n<li>Type <strong>95\u00a0<\/strong>into the <strong>Value<\/strong> field.<\/li>\n<\/ul>\n<p class=\"intro-text\">Here we are saying that when the actual value is less than or equal to\u00a095% of the target value, the indicator will change.<\/p>\n<p class=\"intro-text\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-3c1.png\" rel=\"lightbox-6\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-22563 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-3c1.png\" width=\"325\" height=\"190\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-3c1.png 325w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-3c1-150x88.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-3c1-24x14.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-3c1-36x21.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-3c1-48x28.png 48w\" sizes=\"auto, (max-width: 325px) 100vw, 325px\" \/><\/a><\/p>\n<p class=\"intro-text\"><strong>Configuring the Average\u00a0threshold<\/strong>:<\/p>\n<p class=\"intro-text\">With the threshold values, we're going to specify them in percentages of the target value.<\/p>\n<ul class=\"intro-text\">\n<li>Open the <strong>Average\u00a0<\/strong>Data Selector by clicking on the field. Stay on the Value <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-15215 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/dataselectorvalueicon.png\" alt=\"Data selector Value icon\" width=\"15\" height=\"15\" \/>\u00a0tab.\u00a0<\/li>\n<li>Type <strong>97\u00a0<\/strong>into the <strong>Value<\/strong> field.<\/li>\n<\/ul>\n<p class=\"intro-text\">Here we are saying that when the actual value is less than or equal to\u00a097% of the target value, the indicator will change.<\/p>\n<p class=\"intro-text\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-3d1.png\" rel=\"lightbox-7\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-22564 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-3d1.png\" width=\"325\" height=\"228\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-3d1.png 325w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-3d1-150x105.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-3d1-24x17.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-3d1-36x25.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-3d1-48x34.png 48w\" sizes=\"auto, (max-width: 325px) 100vw, 325px\" \/><\/a><\/p>\n<p class=\"intro-text\"><strong>Configuring the Good\u00a0threshold<\/strong>:<\/p>\n<p class=\"intro-text\">With the threshold values, we're going to specify them in percentages of the target value.<\/p>\n<ul class=\"intro-text\">\n<li>Open the <strong>Good\u00a0<\/strong>Data Selector by clicking on the field. Stay on the Value <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-15215 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/dataselectorvalueicon.png\" alt=\"Data selector Value icon\" width=\"15\" height=\"15\" \/>\u00a0tab.\u00a0<\/li>\n<li>Type <strong>98\u00a0<\/strong>into the <strong>Value<\/strong> field.<\/li>\n<\/ul>\n<p class=\"intro-text\">Here we are saying that when the actual value is more than\u00a098% of the target value, the indicator will change.<\/p>\n<p class=\"intro-text\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-3e1.png\" rel=\"lightbox-8\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-22565 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-3e1.png\" width=\"325\" height=\"266\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-3e1.png 325w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-3e1-150x123.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-3e1-24x20.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-3e1-36x29.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-3e1-48x39.png 48w\" sizes=\"auto, (max-width: 325px) 100vw, 325px\" \/><\/a><\/p>\n<p class=\"intro-text\"><strong>Configuring the Percentage<\/strong>:<\/p>\n<p class=\"intro-text\">With the threshold values, we have specified them as percentages of the target value. We need to make sure the component is aware of this, so we need to set this here.<\/p>\n<ul class=\"intro-text\">\n<li>Open the <strong>Percentage\u00a0<\/strong>Data Selector by clicking on the field. Stay on the Value <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-15215 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/dataselectorvalueicon.png\" alt=\"Data selector Value icon\" width=\"15\" height=\"15\" \/>\u00a0tab.\u00a0<\/li>\n<li>Select\u00a0the <strong>Value<\/strong>\u00a0check box.<\/li>\n<\/ul>\n<p class=\"intro-text\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-3f1.png\" rel=\"lightbox-9\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-22566 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-3f1.png\" width=\"325\" height=\"304\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-3f1.png 325w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-3f1-150x140.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-3f1-24x22.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-3f1-36x34.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-3f1-48x45.png 48w\" sizes=\"auto, (max-width: 325px) 100vw, 325px\" \/><\/a><\/p>\n<p class=\"intro-text\"><strong>Reversed\u00a0threshold<\/strong>:<\/p>\n<p class=\"intro-text\">If we wanted to reverse the threshold values (essentially swap the Bad and Good thresholds) we need to specify that here.\u00a0<\/p>\n<p class=\"intro-text\">In this example, we are not going to do that, so please proceed to the next step.<\/p>\n<p class=\"intro-text\"><strong>Configuring the Style<\/strong>:<\/p>\n<p class=\"intro-text\">There are 2 styles available by default: High Limits and Low Limits. The High Limits style uses red as the indicator colour, while the Low Limits style uses orange as the indicator colour.<\/p>\n<p class=\"intro-text\">In this example, we are selecting the High Limits style.<\/p>\n<p class=\"intro-text\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-3g1.png\" rel=\"lightbox-10\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-22568 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-3g1.png\" width=\"321\" height=\"76\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-3g1.png 321w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-3g1-150x36.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-3g1-24x6.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-3g1-36x9.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-3g1-48x11.png 48w\" sizes=\"auto, (max-width: 321px) 100vw, 321px\" \/><\/a><\/p>\n<\/div>\n<p class=\"intro-text\">\u00a0<\/p>\n<p class=\"intro-text\"><strong>Step 4. Add and Configure Option Links<\/strong><\/p>\n<p class=\"intro-text\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-4.png\" rel=\"lightbox-11\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-15761\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-4.png\" alt=\"Status Indicator 4.4\" width=\"1207\" height=\"486\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-4.png 1207w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-4-768x309.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-4-150x60.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-4-24x10.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-4-36x14.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-4-48x19.png 48w\" sizes=\"auto, (max-width: 1207px) 100vw, 1207px\" \/><\/a><\/p>\n<p class=\"intro-text\">\u00a0<\/p>\n<p class=\"intro-text\">This Option Links\u00a0will provide a list of entities that\u00a0the user can select from. The Status Indicator will change accordingly.<\/p>\n<ul class=\"intro-text\">\n<li>Drag and drop an Option Links component onto the page.<\/li>\n<li>Open the <strong>Option Values<\/strong> Data Selector by clicking on the field. Add the following 5 values: <em>Archer, Big Red, Brumby, Corella, Ibis<\/em>.<br \/>\n <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-4a.png\" rel=\"lightbox-12\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-15763\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-4a.png\" alt=\"Status Indicator 4.4\" width=\"327\" height=\"220\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-4a.png 327w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-4a-150x101.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-4a-24x16.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-4a-36x24.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-4a-48x32.png 48w\" sizes=\"auto, (max-width: 327px) 100vw, 327px\" \/><\/a><\/li>\n<li>For the <strong>Selected Option<\/strong> field, choose <em>selectedEntity<\/em> from the drop-down list.<\/li>\n<\/ul>\n<p class=\"left-bar\">Related: <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/option-links\/\">Option Links tutorial<\/a><\/p>\n<p>&nbsp;<\/p>\n<p class=\"intro-text\"><strong>Step 5. \u00a0Set\u00a0the Defaults<\/strong><\/p>\n<p class=\"intro-text\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-5.png\" rel=\"lightbox-13\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-15764\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-5.png\" alt=\"Status Indicator 4.4\" width=\"1183\" height=\"438\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-5.png 1183w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-5-768x284.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-5-150x56.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-5-24x9.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-5-36x13.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-5-48x18.png 48w\" sizes=\"auto, (max-width: 1183px) 100vw, 1183px\" \/><\/a><\/p>\n<p class=\"intro-text\">At the moment, the page shows the default values that have been set for the <em>WellProductionDataSum\u00a0<\/em>dataset in P2 Server. This may not suit your intended purpose.<\/p>\n<div class=\"best-prac\"><i class=\"fa fa-trophy fa-2x fa-pull-left\"><\/i><span class=\"best-prac-text\">BEST PRACTICE<\/span><\/p>\n<p class=\"best-prac-desc\">You should specify default values that are appropriate for your intended purpose.<\/p>\n<\/div>\n<p class=\"intro-text\">\u00a0<\/p>\n<p class=\"intro-text\">Let\u2019s change the default data that is displayed. We do this by creating defaults for the variables\u00a0specified in the components in the previous steps. The variable we are most interested in is the <strong>selectedEntity<\/strong>\u00a0variable. Although this variable exists as a default value, no value has been assigned to it. We want the initial value of the Status Indicator to show the status for the well, <i>Archer<\/i>. We can set that here.<\/p>\n<ul class=\"intro-text\">\n<li>Click the <em><strong>Defaults\u00a0<\/strong><\/em>button in the Studio tab of the ribbon.<\/li>\n<li><strong>selectedEntity<\/strong> is the first default value in the list, so we don't have to create it, we can just simply update this.\u00a0Type in the following entity name:\u00a0<em>Archer<\/em><\/li>\n<\/ul>\n<p class=\"intro-text\">You should now see the Status Indicator\u00a0update to reflect the new default. \u00a0<\/p>\n<p class=\"left-bar\">Related: <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-primers\/variables\/\" data-slimstat-clicked=\"false\" data-slimstat-type=\"2\" data-slimstat-tracking=\"false\" data-slimstat-callback=\"false\" data-slimstat-async=\"false\">Variables<\/a>, <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/default-value\/\" data-slimstat-clicked=\"false\" data-slimstat-type=\"2\" data-slimstat-tracking=\"false\" data-slimstat-callback=\"false\" data-slimstat-async=\"false\">Default Values<\/a><\/p>\n<p class=\"intro-text\">\u00a0<\/p>\n<p class=\"intro-text\"><strong>Step 6. All done! \u00a0<\/strong><\/p>\n<p class=\"intro-text\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut.png\" rel=\"lightbox-1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-15705 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut.png\" alt=\"Status Indicator 4.4\" width=\"284\" height=\"152\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut.png 284w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-150x80.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-24x13.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-36x19.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/status-tut-48x26.png 48w\" sizes=\"auto, (max-width: 284px) 100vw, 284px\" \/><\/a><\/p>\n<p class=\"intro-text\">Congratulations! You now have a fully functioning Status Indicator that displays a different icon\u00a0depending on what has been selected from the Option Links. When the page\u00a0first loads, <em>Archer<\/em> is selected and the Status Indicator displays the status\u00a0for the well, <em>Archer.<\/em><\/p>\n<ul class=\"intro-text\">\n<li>Click the preview\u00a0<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-2896 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/03\/preview.png\" alt=\"preview\" width=\"13\" height=\"14\" data-pin-nopin=\"true\" \/>\u00a0button on the Studio toolbar to see what your page will look like in run-time.<\/li>\n<li>Select different entities and observe the changes in the Status Indicator.<\/li>\n<\/ul>\n<p class=\"intro-text\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1348\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/save.png\" alt=\"save\" width=\"48\" height=\"53\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/save.png 48w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/save-22x24.png 22w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/save-33x36.png 33w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/save-43x48.png 43w\" sizes=\"auto, (max-width: 48px) 100vw, 48px\" \/>\u00a0Don\u2019t forget to <a title=\"Saving Your Page\" href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-create-your-first-page\/saving-your-page\/\">save your page<\/a>!<\/p>\n<hr \/>\n<h2 class=\"page-subheading\">Release History<\/h2>\n<ul class=\"intro-text\">\n<li><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/status-indicator\/status-indicator-4-3-2\/\">Status Indicator 4.3.2<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>The Status Indicator displays different icons depending on whether set thresholds are reached. It is typically used for presenting KPI data in an easy to digest format. This article describes how to configure a status indicator in versions 4.4.1 and later of P2 Explorer.<\/p>\n<p class=\"continue-reading-button\"> <a class=\"continue-reading-link\" href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/status-indicator\/status-indicator-4-4-1\/\">Read more<i class=\"crycon-right-dir\"><\/i><\/a><\/p>\n","protected":false},"author":1,"featured_media":4653,"parent":35643,"menu_order":348,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":"","_members_access_role":[],"_members_access_error":""},"categories":[11],"tags":[112,441],"class_list":["post-1425","page","type-page","status-publish","has-post-thumbnail","hentry","category-tutorial","tag-indicators","tag-status","Product-ex"],"_links":{"self":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/1425","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/comments?post=1425"}],"version-history":[{"count":0,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/1425\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/35643"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/media\/4653"}],"wp:attachment":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/media?parent=1425"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/categories?post=1425"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/tags?post=1425"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}