{"id":34481,"date":"2017-12-20T07:38:06","date_gmt":"2017-12-19T23:38:06","guid":{"rendered":"http:\/\/localhost\/help\/?page_id=34481"},"modified":"2018-10-12T16:15:12","modified_gmt":"2018-10-12T08:15:12","slug":"entity-selector-4-4-0","status":"publish","type":"page","link":"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/entity-selector\/entity-selector-4-4-0\/","title":{"rendered":"Entity Selector (4.4.0)"},"content":{"rendered":"<p class=\"page-subheading\"><\/p>\n<p class=\"left-bar\">This article applies to versions 4.4.0-4.5.3 of P2 Explorer.\u00a0For the latest, see <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/entity-selector\/\">Entity Selector<\/a>.<\/p>\n<h2 class=\"page-subheading\">Overview<\/h2>\n<p class=\"overview\">The Entity Selector allows a\u00a0user to select one or more entities from a list. The user can either use a search bar to search for entities by name, or use a filter to find the entities in a hierarchy.<\/p>\n<p class=\"intro-text\">The Entity Selector can be used as an alternative to the <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/hierarchy\/\">Hierarchy<\/a> control when:<\/p>\n<ul class=\"intro-text\">\n<li>You want to limit the number of selections a user can make. For example, you may want the user to only be able to select 3 entities. \u00a0<\/li>\n<li>You want to filter\u00a0the hierarchy\u00a0to only show entities of a specific type.<\/li>\n<li>You want the hierarchy to start from a specific child node.<\/li>\n<\/ul>\n<blockquote>\n<p>You should not use the Hierarchy control and Entity Selector on the same page. Doing so may result in unexpected behaviours.<\/p>\n<\/blockquote>\n<p>&nbsp;<\/p>\n<p class=\"left-bar-p2blue\">Related: <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/using-the-page-controls\/navigation-hierarchies-entities\/#Entity_Selector\">Using the Entity Selector<\/a> in display mode, Adding a new <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-admin\/explorer-styles\/styling-hierarchies\/\">Entity Selector style<\/a><\/p>\n<hr \/>\n<h2 class=\"page-subheading\">Configuring an Entity Selector<\/h2>\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=\"intro-text\">The Entity Selector component now uses infinite scrolling instead of paging, which means less clicking for the end user. Remember to limit large result sets, using the \u2018Search entities\u2019 keyword filter option, as well as \u2018Find under\u2019 to search for entities under a node.<\/p>\n<\/div>\n<h3>Basic Mode<\/h3>\n<div style=\"position: relative;\">\u00a0<a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselectorbasic.png\" rel=\"lightbox-0\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14775\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselectorbasic.png\" alt=\"entityselectorbasic\" width=\"1150\" height=\"411\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselectorbasic.png 1150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselectorbasic-768x274.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselectorbasic-150x54.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselectorbasic-24x9.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselectorbasic-36x13.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselectorbasic-48x17.png 48w\" sizes=\"auto, (max-width: 1150px) 100vw, 1150px\" \/><\/a><\/div>\n<table>\n<tbody>\n<tr>\n<td width=\"130\"><strong>Select Mode<\/strong>:<\/td>\n<td>Single or Multiple. Defines whether the user will be allowed to select a single entity, or multiple entities.\u00a0<\/td>\n<\/tr>\n<tr>\n<td><strong>Selected Entities<\/strong>:<\/td>\n<td>The variable\u00a0that is generated when a user selects an entity or entities from the list. If the Select Mode is <em>Single<\/em>, this variable becomes <em>selectedEntity<\/em>.<\/td>\n<\/tr>\n<tr>\n<td><strong>Hierarchy Name<\/strong>:<\/td>\n<td>This can be a variable or text field. It contains the name of the hierarchy that is the starting point for the list of entities that is initially displayed in the component. The entities are displayed in a flat list.<\/td>\n<\/tr>\n<tr>\n<td><span style=\"color: #000000;\"><b>Template Filter<\/b><\/span>:<\/td>\n<td>This can be a variable or text field. It contains the name of the primary template by which entities are filtered in the component. This requires some knowledge of the asset model in P2 Server. Only entities of this type\u00a0will be displayed, even during searches.<\/td>\n<\/tr>\n<tr>\n<td><span style=\"color: #000000;\"><b>Style<\/b>:<\/span><\/td>\n<td>The style you want to apply to the Entity Selector\u00a0component.\u00a0If you are a Style Administrator,\u00a0you can\u00a0add a new <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-admin\/explorer-styles\/styling-hierarchies\/\">Entity Selector\u00a0style<\/a>.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3>Advanced Mode<\/h3>\n<p class=\"intro-text\">Advanced mode has 2 additional fields.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselectoradv.png\" rel=\"lightbox-1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14776\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselectoradv.png\" alt=\"entityselectoradv\" width=\"1048\" height=\"410\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselectoradv.png 1048w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselectoradv-768x300.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselectoradv-150x59.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselectoradv-24x9.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselectoradv-36x14.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselectoradv-48x19.png 48w\" sizes=\"auto, (max-width: 1048px) 100vw, 1048px\" \/><\/a><\/p>\n<table>\n<tbody>\n<tr>\n<td><span style=\"color: #000000;\"><b>Start Node<\/b><\/span>:<\/td>\n<td>The name of the node in the hierarchy\u00a0that is the starting point for the list of entities that is initially displayed in the component. Only the children of this node will be displayed.<\/td>\n<\/tr>\n<tr>\n<td><span style=\"color: #000000;\"><b>Number of Selections<\/b><\/span>:<\/td>\n<td>The maximum number of\u00a0entities that a user is able to select from the available list of entities. If you want the user to only select a single entity, you should not specify more than 1, otherwise you may get unexpected behaviours.\u00a0<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p class=\"intro-text\">\u00a0\u00a0<\/p>\n<hr \/>\n<h2 class=\"page-subheading\">Tutorial:\u00a0Adding an Entity Selector that Drives\u00a0a Pie\u00a0Chart<\/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\/\">Building an Explorer Page<\/a>.<\/p>\n<p class=\"intro-text\">In this tutorial, we'll look at adding an Entity Selector to a page, which will allow the user to only select a single entity. We'll also add a Pie\u00a0Chart to show how using the Entity Selector can affect another component on the page.<\/p>\n<p class=\"intro-text\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselectorpie.png\" rel=\"lightbox-2\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14783\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselectorpie.png\" alt=\"Entity Selector 4.4\" width=\"811\" height=\"366\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselectorpie.png 811w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselectorpie-768x347.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselectorpie-150x68.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselectorpie-24x11.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselectorpie-36x16.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselectorpie-48x22.png 48w\" sizes=\"auto, (max-width: 811px) 100vw, 811px\" \/><\/a><\/p>\n<p class=\"intro-text\">\u00a0<\/p>\n<p class=\"intro-text\">Now, let's look at how we're actually going to do this, step-by-step.<\/p>\n<p class=\"left-bar\"><strong>Note<\/strong>: This configuration uses the <em>Sample Data<\/em> table and dataset queries 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<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 Entity Selector to the Page<\/strong><\/p>\n<p class=\"intro-text\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselector-tut-2.png\" rel=\"lightbox-3\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-14784 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselector-tut-2.png\" alt=\"Entity Selector 4.4\" width=\"1399\" height=\"364\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselector-tut-2.png 1399w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselector-tut-2-768x200.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselector-tut-2-150x39.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselector-tut-2-1280x333.png 1280w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselector-tut-2-24x6.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselector-tut-2-36x9.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselector-tut-2-48x12.png 48w\" sizes=\"auto, (max-width: 1399px) 100vw, 1399px\" \/><\/a><\/p>\n<p class=\"intro-text\">Drag and drop the Entity Selector\u00a0component\u00a0onto a grid cell.\u00a0The Entity Selector is in the Hierarchy\u00a0<a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/hierarchy.png\" rel=\"lightbox-4\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1850\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/hierarchy.png\" alt=\"hierarchy\" width=\"20\" height=\"17\" \/><\/a>\u00a0group.<\/p>\n<p class=\"intro-text\">\u00a0<\/p>\n<p class=\"intro-text\"><strong>Step 3. Configure the Entity Selector<\/strong><\/p>\n<p class=\"intro-text\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselector-tut-3.png\" rel=\"lightbox-5\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-14785 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselector-tut-3.png\" alt=\"Entity Selector 4.4\" width=\"793\" height=\"406\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselector-tut-3.png 793w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselector-tut-3-768x393.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselector-tut-3-150x77.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselector-tut-3-24x12.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselector-tut-3-36x18.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselector-tut-3-48x25.png 48w\" sizes=\"auto, (max-width: 793px) 100vw, 793px\" \/><\/a><\/p>\n<p class=\"intro-text\">In this step, we want to create an Entity Selector that will allow the user to select a well from a specific point in the hierarchy. We need to use the\u00a0Advanced configuration for this.<\/p>\n<p class=\"intro-text\">Click the <strong>Advanced<\/strong> button, and configure the fields as follows:<\/p>\n<ul class=\"intro-text\">\n<li><strong>Select Mode<\/strong>: Single<\/li>\n<li><strong>Selected Entity<\/strong>:\u00a0selectedEntity (this will automatically be populated)<br \/>\n This is the variable that the Entity Selector uses to store the name of the entity that the user selects.<\/li>\n<li><strong>Hierarchy Name<\/strong>: (Variable) selected Hierarchy<br \/>\n This is the variable that the Entity Selector uses to determine\u00a0the hierarchy that will be displayed.<\/li>\n<li><strong>Template Filter<\/strong>: (Text) Oil Producing Well<br \/>\n Only entities that have this template will be displayed in the component, even when using the Entity Selector's search capability.<\/li>\n<li><strong>Start Node<\/strong>: (Entity) Far North Coast<br \/>\n Only entities that are children of this node, as well as having the Oil Producing Template, will be initially displayed.\u00a0<\/li>\n<li>Number of Selections:\u00a0<em>(leave this blank)<\/em><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p class=\"intro-text\"><strong>Step 4. Set the Default Values<\/strong><\/p>\n<p class=\"intro-text\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselector-tut-4.png\" rel=\"lightbox-6\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14786\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselector-tut-4.png\" alt=\"entity selector 4.4\" width=\"658\" height=\"699\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselector-tut-4.png 658w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselector-tut-4-141x150.png 141w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselector-tut-4-24x24.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselector-tut-4-34x36.png 34w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselector-tut-4-45x48.png 45w\" sizes=\"auto, (max-width: 658px) 100vw, 658px\" \/><\/a><\/p>\n<p class=\"intro-text\">If you don't set any default values, the Entity Selector will show all the entities in all the hierarchies in one flat list. But let's say we want to present a particular hierarchy when the page is first loaded. We can do this here. We can also specify the entity that will always be selected by default when the page is loaded.\u00a0<\/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 the default values for the selected hierarchy and entity to guide the user in selecting the relevant assets.<\/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 are interested in 2 variables: <strong>selectedEntity<\/strong>\u00a0and <strong>selectedHierarchy<\/strong>.\u00a0<\/p>\n<ul class=\"intro-text\">\n<li>Click the <em><strong>Default Values<\/strong><\/em> button on the Studio toolbar.<\/li>\n<li><strong>selectedEntity<\/strong> is listed first, update it to specify \"Queen\".<\/li>\n<li>Click the <strong>Add<\/strong> button.<\/li>\n<li>Add a variable called <strong>selectedHierarchy<i>\u00a0<\/i><\/strong>with a type of <em>Text.<\/em>\u00a0Type in the hierarchy\u00a0name: <em>P2 Corporate.<\/em><\/li>\n<\/ul>\n<p class=\"intro-text\">You should now see the Entity Selector filter change to the default hierarchy, and the check boxes selected for the default entity. \u00a0\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>&nbsp;<\/p>\n<p class=\"intro-text\"><strong>Step 5. Add and Configure a\u00a0Pie Chart<\/strong><\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselector-tut-5a.png\" rel=\"lightbox-7\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-14788 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselector-tut-5a.png\" width=\"1399\" height=\"413\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselector-tut-5a.png 1399w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselector-tut-5a-768x227.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselector-tut-5a-150x44.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselector-tut-5a-1280x378.png 1280w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselector-tut-5a-24x7.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselector-tut-5a-36x11.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselector-tut-5a-48x14.png 48w\" sizes=\"auto, (max-width: 1399px) 100vw, 1399px\" \/><\/a><\/p>\n<p class=\"intro-text\">Let's add a pie chart\u00a0that will make use of the data. This Pie Chart will show the downtime for the selected well.\u00a0<\/p>\n<p class=\"intro-text\">Drag and drop the Pie Chart\u00a0component\u00a0onto the upper left grid cell, and configure it as follows.<\/p>\n<p class=\"left-bar\">Related: <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/pie-chart\/\" data-slimstat-clicked=\"false\" data-slimstat-type=\"2\" data-slimstat-tracking=\"false\" data-slimstat-callback=\"false\" data-slimstat-async=\"false\">Pie Chart tutorial<\/a><\/p>\n<ul class=\"intro-text\">\n<li><strong>Data<\/strong>:\u00a0Click the field to use\u00a0the Data Selector. Staying on the <strong>Dataset Query<\/strong>\u00a0<a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/datasetquerydataicon.png\" rel=\"lightbox[1417] attachment wp-att-14669 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-14669\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/datasetquerydataicon.png\" alt=\"Data selector 4.4\" width=\"16\" height=\"13\" \/><\/a>\u00a0tab, type <em>OilDowntimeByReason<\/em><strong>.<\/strong><br \/>\n <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselector-tut-5b.png\" rel=\"lightbox-9\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14789\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselector-tut-5b.png\" alt=\"entity selector 4.4\" width=\"333\" height=\"316\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselector-tut-5b.png 333w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselector-tut-5b-150x142.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselector-tut-5b-24x24.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselector-tut-5b-36x34.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselector-tut-5b-48x46.png 48w\" sizes=\"auto, (max-width: 333px) 100vw, 333px\" \/><\/a><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/hierarchydata.png\" rel=\"lightbox[1417] attachment wp-att-14670 lightbox-10\" data-slimstat-clicked=\"false\" data-slimstat-type=\"2\" data-slimstat-tracking=\"false\" data-slimstat-callback=\"false\" data-slimstat-async=\"false\"><br \/>\n <\/a>For the Dataset Parameters, enter a <strong>StartDate<\/strong> and <strong>EndDate<\/strong> that are a month apart (e.g. 1-30th April).<br \/>\n For <strong>EntitiesList<\/strong>, click the variable button and choose <em>selectedEntity<\/em>.<\/li>\n<\/ul>\n<ul class=\"intro-text\">\n<li><strong>Name Column<\/strong>:\u00a0DowntimeReason<\/li>\n<li><strong>Value Column<\/strong>: SumDowntimeHours<\/li>\n<\/ul>\n<p class=\"intro-text\">\u00a0\u00a0<\/p>\n<p class=\"intro-text\"><strong>Step 6.\u00a0All done!<\/strong><\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselectorpie.png\" rel=\"lightbox-2\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14783\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselectorpie.png\" alt=\"Entity Selector 4.4\" width=\"811\" height=\"366\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselectorpie.png 811w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselectorpie-768x347.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselectorpie-150x68.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselectorpie-24x11.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselectorpie-36x16.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/entityselectorpie-48x22.png 48w\" sizes=\"auto, (max-width: 811px) 100vw, 811px\" \/><\/a><\/p>\n<p class=\"intro-text\">Congratulations! You now have a fully functioning Entity Selector\u00a0that updates a pie\u00a0chart when you select different entities.<\/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[1419] lightbox-12\"><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>Choose different entities and see the pie\u00a0chart change.<\/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't 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><span class=\"removed_link\" title=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/entity-selector-4-3-2\/\">Entity Selector 4.3.2<\/span><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>The Entity Selector allows a user to select one or more entities from a list. The user can either use a search bar to search for entities by name, or use a filter to find the entities in a hierarchy. This article describes how to configure an Entity Selector, and applies to versions 4.4.0-4.5.3 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\/entity-selector\/entity-selector-4-4-0\/\">Read more<i class=\"crycon-right-dir\"><\/i><\/a><\/p>\n","protected":false},"author":1,"featured_media":34483,"parent":1415,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":"","_members_access_role":[],"_members_access_error":""},"categories":[11],"tags":[108,25,86],"class_list":["post-34481","page","type-page","status-publish","has-post-thumbnail","hentry","category-tutorial","tag-entities","tag-entity-selector","tag-hierarchy","Version-4-5-0","Version-4-5-1","Version-4-5-2","Version-4-5-3","Product-ex"],"_links":{"self":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/34481","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=34481"}],"version-history":[{"count":0,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/34481\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/1415"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/media\/34483"}],"wp:attachment":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/media?parent=34481"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/categories?post=34481"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/tags?post=34481"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}