{"id":1795,"date":"2017-11-08T19:43:53","date_gmt":"2017-11-08T11:43:53","guid":{"rendered":"http:\/\/localhost\/help\/?page_id=1795"},"modified":"2024-10-23T14:21:05","modified_gmt":"2024-10-23T06:21:05","slug":"target-label","status":"publish","type":"page","link":"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/target-label\/","title":{"rendered":"Target Label"},"content":{"rendered":"<p class=\"page-subheading\"><\/p>\n<p class=\"left-bar\">This article applies to the Target Label in versions 4.4 and later of IFS OI Explorer.<\/p>\n<h2 class=\"page-subheading\">Overview<\/h2>\n<p class=\"overview\">The Target Label\u00a0shows two values side by side: a numeric value and a percentage of the value in relation to a target value.<\/p>\n<p class=\"intro-text\">The percentage value is shown using a background colour that changes depending on how much it varies from its target. By default, the bar is red when the value\u00a0is below the target, or grey when the value\u00a0is at or above the target value.<\/p>\n<p class=\"intro-text\">The following diagram shows a Target Label being configured:<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetlabel-tut.png\" rel=\"lightbox-0\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-15314 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetlabel-tut.png\" alt=\"Target Label 4.4\" width=\"634\" height=\"408\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetlabel-tut.png 634w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetlabel-tut-150x97.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetlabel-tut-24x15.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetlabel-tut-36x23.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetlabel-tut-48x31.png 48w\" sizes=\"auto, (max-width: 634px) 100vw, 634px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<table>\n<tbody>\n<tr style=\"height: 24px;\">\n<td style=\"height: 24px;\"><strong>Actual<\/strong>:<\/td>\n<td style=\"height: 24px;\">The column from the dataset that determines the actual value.<\/td>\n<\/tr>\n<tr style=\"height: 24px;\">\n<td style=\"height: 24px;\"><strong>Target<\/strong>:<\/td>\n<td style=\"height: 24px;\">The column from the dataset that determines the Target value.<\/td>\n<\/tr>\n<tr style=\"height: 48px;\">\n<td style=\"height: 48px;\"><strong>Threshold<\/strong>:<\/td>\n<td style=\"height: 48px;\">The threshold at which to show a warning (red label). This is the percentage of the actual value compared to the target value. <br \/>\nIf you are concerned when the actual value is <em>less than<\/em> the target\u00a0value, you should use a negative number for the threshold (e.g. -50 will make the warning appear when the actual value is <em>less\u00a0than<\/em> 50% of the target value).\u00a0<br \/>\nIf you are concerned when the actual value is <em>more\u00a0than<\/em> the target\u00a0value, you should use a positive\u00a0number for the threshold (e.g. 50 will make the warning appear when the actual value is <em>more\u00a0than<\/em> 50% of the target value).<\/td>\n<\/tr>\n<tr style=\"height: 24px;\">\n<td style=\"height: 24px;\"><strong>Decimals:<\/strong><\/td>\n<td style=\"height: 24px;\">The number of decimal points that the actual value\u00a0should be displayed as.<\/td>\n<\/tr>\n<tr style=\"height: 48px;\">\n<td style=\"height: 48px;\"><strong>Target Decimals<\/strong>:<\/td>\n<td style=\"height: 48px;\">The number of decimal points that the target value should be displayed as.<\/td>\n<\/tr>\n<tr style=\"height: 24px;\">\n<td style=\"height: 24px;\"><strong>Units<\/strong>:<\/td>\n<td style=\"height: 24px;\">Represents the units that the value is expressed in.<\/td>\n<\/tr>\n<tr style=\"height: 48px;\">\n<td style=\"height: 48px;\"><strong>Reverse Threshold<\/strong>:<\/td>\n<td style=\"height: 48px;\">Invert the thresholds so that the warning appears in the opposite way. E.g. When the actual value is less than the target\u00a0value and the threshold is a negative number (e.g. -50), the warning will appear when the actual value is <em>more\u00a0than<\/em> 50% of the target value.\u00a0<\/td>\n<\/tr>\n<tr style=\"height: 24px;\">\n<td style=\"height: 24px;\"><strong>Style<\/strong>:<\/td>\n<td style=\"height: 24px;\">The style you want to apply to the component.\u00a0If you are a Style Administrator,\u00a0you can\u00a0add a new Target Label style.<\/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\/targets\/#Target_Label\">Reading the Target Label<\/a> in display mode, Adding a <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-admin\/explorer-styles\/styling-displays\/\">Target Label style<\/a><\/p>\n<div style=\"position: relative;\">\u00a0<\/div>\n<hr \/>\n<h2 class=\"page-subheading\"><span id=\"Tutorial\"><span id=\"Tutorial\">Tutorial:\u00a0Creating a Target Label<\/span><\/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\">The Target Label\u00a0is a useful component to display levels. In this topic, we\u2019ll show you how to use the Target Label\u00a0to display actual vs target production for a selected well. This is often used in production summary reports.<\/p>\n<p class=\"intro-text\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetlabel-tut-0.png\" rel=\"lightbox-1\"><img loading=\"lazy\" decoding=\"async\" class=\"border-image alignnone wp-image-15315 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetlabel-tut-0.png\" alt=\"Target Label 4.4\" width=\"399\" height=\"102\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetlabel-tut-0.png 399w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetlabel-tut-0-150x38.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetlabel-tut-0-24x6.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetlabel-tut-0-36x9.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetlabel-tut-0-48x12.png 48w\" sizes=\"auto, (max-width: 399px) 100vw, 399px\" \/><\/a>\u00a0<\/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 and 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=\"page-subheading\">\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 200.<\/li>\n<li>Assign the 2nd column a width of 200.<\/li>\n<li>Assign a column spacing of 20.<\/li>\n<li>Assign the first row a height of 50.<\/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\u00a0the\u00a0Target Label<\/strong><\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetlabel-tut-2.png\" rel=\"lightbox-2\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-15316\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetlabel-tut-2.png\" alt=\"Target Label 4.4\" width=\"1023\" height=\"414\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetlabel-tut-2.png 1023w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetlabel-tut-2-768x311.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetlabel-tut-2-150x61.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetlabel-tut-2-24x10.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetlabel-tut-2-36x15.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetlabel-tut-2-48x19.png 48w\" sizes=\"auto, (max-width: 1023px) 100vw, 1023px\" \/><\/a><\/p>\n<p class=\"intro-text\">Drag and drop the Target Label\u00a0component\u00a0onto a grid cell.\u00a0The Target Label is 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\" \/>\u00a0group.<\/p>\n<p>&nbsp;<\/p>\n<p class=\"intro-text\"><strong>Step 3. Configure the\u00a0Target Label<\/strong><\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetlabel-tut-3.png\" rel=\"lightbox-3\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-15317\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetlabel-tut-3.png\" alt=\"Target Label 4.4\" width=\"605\" height=\"407\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetlabel-tut-3.png 605w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetlabel-tut-3-150x101.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetlabel-tut-3-24x16.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetlabel-tut-3-36x24.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetlabel-tut-3-48x32.png 48w\" sizes=\"auto, (max-width: 605px) 100vw, 605px\" \/><\/a><\/p>\n<p class=\"intro-text\">In this example, we want the Target Label to show us actual gas\u00a0production versus planned production, compared with a threshold of 10%. We'll configure these 3 values separately.<\/p>\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>,\u00a0<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><\/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<\/strong>\u00a0Data Selector by clicking on the field. You will notice that the Value\u00a0<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 is automatically selected. However, for this tutorial, we want to get data from the <strong>Well Planning Data\u00a0<\/strong>dataset query, so click the Dataset <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-14669 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/datasetquerydataicon.png\" alt=\"Dataset icon\" width=\"16\" height=\"13\" \/>\u00a0tab. Fill in the fields as follows:\u00a0<br \/>\n\u00a0<\/p>\n<ul class=\"intro-text\">\n<li>Dataset Query: WellPlanningData<\/li>\n<li>Filter Column: Entity<\/li>\n<li>Filter Value:\u00a0(Variable) selectedEntities<br \/>\n<em>Note: You will need to type this in, it will not be available for selection.<\/em><\/li>\n<li>Value Column: GasActual<br \/>\n<em>Note: See <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/filter-column-and-filter-value\/\">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) selectedEntities<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\/targetvarbar-tut-4a.png\" rel=\"lightbox-4\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-15289\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetvarbar-tut-4a.png\" alt=\"Target Variation Bar 4.4\" width=\"331\" height=\"441\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetvarbar-tut-4a.png 331w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetvarbar-tut-4a-113x150.png 113w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetvarbar-tut-4a-18x24.png 18w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetvarbar-tut-4a-27x36.png 27w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetvarbar-tut-4a-36x48.png 36w\" sizes=\"auto, (max-width: 331px) 100vw, 331px\" \/><\/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>Target<\/strong>\u00a0Data Selector by clicking on the field. Click the Dataset <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-14669 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/datasetquerydataicon.png\" alt=\"Dataset icon\" width=\"16\" height=\"13\" \/>\u00a0tab. Fill in the fields as follows:\u00a0<br \/>\n\u00a0<\/p>\n<ul class=\"intro-text\">\n<li>Dataset Query: WellPlanningData<\/li>\n<li>Filter Column: Entity<\/li>\n<li>Filter Value:\u00a0(Variable) selectedEntities<br \/>\n<em>Note: You will now be able to select this from the drop-down list.<\/em><\/li>\n<li>Value Column: GasPlanned<br \/>\n\u00a0<\/li>\n<li>EndDate: (Variable) endTime<\/li>\n<li>EntitiesList: (Variable) selectedEntities<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<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetvarbar-tut-4b.png\" rel=\"lightbox-5\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-15290\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetvarbar-tut-4b.png\" alt=\"Target Variation Bar 4.4\" width=\"332\" height=\"479\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetvarbar-tut-4b.png 332w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetvarbar-tut-4b-104x150.png 104w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetvarbar-tut-4b-17x24.png 17w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetvarbar-tut-4b-25x36.png 25w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetvarbar-tut-4b-33x48.png 33w\" sizes=\"auto, (max-width: 332px) 100vw, 332px\" \/><\/a><\/p>\n<p class=\"intro-text\"><strong>Configuring the Threshold<\/strong>:<\/p>\n<ul class=\"intro-text\">\n<li>Click away from the Data Selector.\u00a0<\/li>\n<li class=\"intro-text\">Open the <strong>Threshold\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 class=\"intro-text\">Type -10 into the <strong>Value<\/strong> field.<\/li>\n<\/ul>\n<p class=\"intro-text\">Here we are saying that the variation from target should\u00a0never be more than 10 percent. If the variation ends up being 30% or more, the entire bar will be filled (to the left or right, depending if the value\u00a0is below or above the target).\u00a0<\/p>\n<p class=\"intro-text\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetlabel-tut-3a.png\" rel=\"lightbox-6\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-15319\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetlabel-tut-3a.png\" alt=\"Target Label 4.4\" width=\"335\" height=\"194\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetlabel-tut-3a.png 335w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetlabel-tut-3a-150x87.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetlabel-tut-3a-24x14.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetlabel-tut-3a-36x21.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetlabel-tut-3a-48x28.png 48w\" sizes=\"auto, (max-width: 335px) 100vw, 335px\" \/><\/a><\/p>\n<p class=\"intro-text\"><strong>Configuring the Units<\/strong>:<\/p>\n<p class=\"intro-text\">If we want the label to show the units that the value is measured in, we can do this here.\u00a0<\/p>\n<ul class=\"intro-text\">\n<li>Click away from the Data Selector.\u00a0<\/li>\n<li class=\"intro-text\">Open the <strong>Units\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 class=\"intro-text\">Type <strong>mcf<\/strong> into the <strong>Value<\/strong> field.<\/li>\n<\/ul>\n<p class=\"intro-text\">The units appear between the actual value and the warning label.\u00a0<\/p>\n<p class=\"intro-text\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetlabel-tut-3b.png\" rel=\"lightbox-7\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-15320\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetlabel-tut-3b.png\" alt=\"Target Label 4.4\" width=\"331\" height=\"119\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetlabel-tut-3b.png 331w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetlabel-tut-3b-150x54.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetlabel-tut-3b-24x9.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetlabel-tut-3b-36x13.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetlabel-tut-3b-48x17.png 48w\" sizes=\"auto, (max-width: 331px) 100vw, 331px\" \/><\/a><\/p>\n<p class=\"intro-text\">You do not need to fill in the remaining fields.<\/p>\n<p class=\"intro-text\">\u00a0<\/p>\n<p class=\"intro-text\"><strong>Step 4. <\/strong><strong>Set the Defaults<\/strong>\u00a0<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetbar-tut-5.png\" rel=\"lightbox[1605] lightbox-8\" data-slimstat-clicked=\"false\" data-slimstat-type=\"2\" data-slimstat-tracking=\"false\" data-slimstat-callback=\"false\" data-slimstat-async=\"false\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-15254\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetbar-tut-5.png\" sizes=\"auto, (max-width: 648px) 100vw, 648px\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetbar-tut-5.png 648w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetbar-tut-5-133x150.png 133w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetbar-tut-5-266x300.png 266w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetbar-tut-5-531x600.png 531w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetbar-tut-5-21x24.png 21w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetbar-tut-5-32x36.png 32w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetbar-tut-5-42x48.png 42w\" alt=\"Target Bar 4.4 default values\" width=\"648\" height=\"732\" \/><\/a><\/p>\n<p class=\"intro-text\">At the moment, the page shows the default values that have been set for the\u00a0<em>WellPlanningData\u00a0<\/em>dataset in IFS OI 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 interested in is the <strong>selectedEntities<\/strong> variable. Let's say we are interested only in the targets for a specific well,\u00a0<em>Beardy<\/em>. We can set that here so that the user does not have to specify it.<\/p>\n<ul class=\"intro-text\">\n<li>Click the <em><strong>Default Values<\/strong><\/em> button on the Studio toolbar.<\/li>\n<li>Click the <strong>Add<\/strong> button.<\/li>\n<li>Add a variable called <strong>selectedEntities<i>\u00a0<\/i><\/strong>with a type of <em>EntityList.<\/em>\u00a0Type in the following entity name: <em>Beardy<\/em><\/li>\n<\/ul>\n<p class=\"intro-text\">You should now see the Target Label update 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 5. Add\u00a0the Date Picker<\/strong><\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetlabel-tut-4.png\" rel=\"lightbox-9\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-15318\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetlabel-tut-4.png\" alt=\"Target Label 4.4\" width=\"995\" height=\"357\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetlabel-tut-4.png 995w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetlabel-tut-4-768x276.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetlabel-tut-4-150x54.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetlabel-tut-4-24x9.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetlabel-tut-4-36x13.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetlabel-tut-4-48x17.png 48w\" sizes=\"auto, (max-width: 995px) 100vw, 995px\" \/><\/a><\/p>\n<p class=\"intro-text\">This step allows the user to select a date, which will update the Target Label with values for the selected date.<\/p>\n<ul class=\"intro-text\">\n<li>Drag and drop the Date Picker component\u00a0onto the canvas.<\/li>\n<li>There is no need for further configuration as we are able to use the default values for Start Date\/Time and End Date\/Time. We used these variables during configuration of the Target Label.<\/li>\n<\/ul>\n<p class=\"left-bar\">Related: <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/date-picker\/\" data-slimstat-clicked=\"false\" data-slimstat-type=\"2\" data-slimstat-tracking=\"false\" data-slimstat-callback=\"false\" data-slimstat-async=\"false\">Date Picker<\/a> tutorial<\/p>\n<p class=\"intro-text\">\u00a0<\/p>\n<p class=\"intro-text\"><strong>Step 6. All done!<\/strong><\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetlabel-tut-0.png\" rel=\"lightbox-1\"><img loading=\"lazy\" decoding=\"async\" class=\"border-image alignnone wp-image-15315 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetlabel-tut-0.png\" alt=\"Target Label 4.4\" width=\"399\" height=\"102\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetlabel-tut-0.png 399w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetlabel-tut-0-150x38.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetlabel-tut-0-24x6.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetlabel-tut-0-36x9.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetlabel-tut-0-48x12.png 48w\" sizes=\"auto, (max-width: 399px) 100vw, 399px\" \/><\/a><\/p>\n<p class=\"intro-text\">Congratulations! You now have a Target Label\u00a0that will show you actual vs\u00a0target\u00a0oil\u00a0production for a selected well.<\/p>\n<ul class=\"intro-text\">\n<li>Click the preview\u00a0<a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/03\/preview.png\" rel=\"lightbox[1433] lightbox-11\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2896\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/03\/preview.png\" alt=\"preview\" width=\"13\" height=\"14\" \/><\/a>\u00a0button on the Studio toolbar to see what your page will look like in run-time.<\/li>\n<li>Select entities and observe the changes in the target label values and colours.<\/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\" \/> Don\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","protected":false},"excerpt":{"rendered":"<p>The Target Label\u00a0shows two values side by side: a numeric value and a percentage of the value in relation to a target value. This article describes how to configure a target label, and applies to versions 4.3.2 and earlier of IFS OI Explorer.<\/p>\n<p class=\"continue-reading-button\"> <a class=\"continue-reading-link\" href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/target-label\/\">Read more<i class=\"crycon-right-dir\"><\/i><\/a><\/p>\n","protected":false},"author":1,"featured_media":15313,"parent":1407,"menu_order":480,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":"","_members_access_role":[],"_members_access_error":""},"categories":[11],"tags":[124],"class_list":["post-1795","page","type-page","status-publish","has-post-thumbnail","hentry","category-tutorial","tag-targets","Product-ex"],"_links":{"self":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/1795","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=1795"}],"version-history":[{"count":2,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/1795\/revisions"}],"predecessor-version":[{"id":67061,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/1795\/revisions\/67061"}],"up":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/1407"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/media\/15313"}],"wp:attachment":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/media?parent=1795"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/categories?post=1795"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/tags?post=1795"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}