{"id":14879,"date":"2016-05-13T14:38:41","date_gmt":"2016-05-13T06:38:41","guid":{"rendered":"http:\/\/localhost\/help\/?p=14879"},"modified":"2016-05-13T14:38:41","modified_gmt":"2016-05-13T06:38:41","slug":"complete-guide-to-the-entity-selector","status":"publish","type":"post","link":"https:\/\/oihelp.corporate.ifs.com\/help\/complete-guide-to-the-entity-selector\/","title":{"rendered":"Complete Guide to the Entity Selector"},"content":{"rendered":"<p class=\"intro-text\"><\/p>\n<p class=\"intro-text\">The Entity Selector is one of the most powerful and commonly used components on a page. It allows users to select different entities from a hierarchy, and have the page data update accordingly.<\/p>\n<p class=\"intro-text\">In some ways, the Entity Selector is similar to the <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/hierarchy\/\" data-slimstat-clicked=\"false\" data-slimstat-type=\"2\" data-slimstat-tracking=\"false\" data-slimstat-callback=\"false\" data-slimstat-async=\"false\">Hierarchy<\/a> control. You should use the Entity Selector when:<\/p>\n<ul class=\"intro-text\">\n<li>You want to <strong>limit the number of selections<\/strong> 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 <strong>only show entities of a specific type<\/strong> (primary template).<\/li>\n<li>You want the hierarchy to <strong>start from a specific child node<\/strong>.<\/li>\n<\/ul>\n<p class=\"intro-text\">The Entity Selector component consists of a list of entities, along with a set of filters. Here is what an Entity Selector looks like (version 4.4):<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/05\/entityselectorshow.png\" rel=\"lightbox-0\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14880\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/05\/entityselectorshow.png\" alt=\"entityselectorshow\" width=\"291\" height=\"334\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/05\/entityselectorshow.png 291w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/05\/entityselectorshow-131x150.png 131w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/05\/entityselectorshow-21x24.png 21w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/05\/entityselectorshow-31x36.png 31w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/05\/entityselectorshow-42x48.png 42w\" sizes=\"auto, (max-width: 291px) 100vw, 291px\" \/><\/a><\/p>\n<p class=\"intro-text\">And here is what a user can do with an Entity Selector:<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/05\/entityselectorshowannot.png\" rel=\"lightbox-1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14881\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/05\/entityselectorshowannot.png\" alt=\"entityselectorshowannot\" width=\"656\" height=\"334\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/05\/entityselectorshowannot.png 656w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/05\/entityselectorshowannot-150x76.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/05\/entityselectorshowannot-24x12.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/05\/entityselectorshowannot-36x18.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/05\/entityselectorshowannot-48x24.png 48w\" sizes=\"auto, (max-width: 656px) 100vw, 656px\" \/><\/a><\/p>\n<hr \/>\n<h2>What a User Can Do<\/h2>\n<p class=\"intro-text\">With the Entity Selector, users can:<\/p>\n<ul class=\"intro-text\">\n<li><strong>Select one or more entities<\/strong> from the list, depending on how the control was configured.\u00a0<\/li>\n<li><strong>Find an entity<\/strong> they know exists in the hierarchy. To do this, just start typing the name of an entity into the text box at the top. The list of entities will refresh as you type. When you find the entity you are looking for, click the check box in the list to select it.\u00a0<\/li>\n<li><strong>Filter the list of entities<\/strong> by selecting a hierarchy from the drop-down list. The entities in that hierarchy will be displayed in the list. You can click the arrow to scroll through the list until you find the entity you are looking for.<\/li>\n<li>You can also further <strong>filter by a node<\/strong> in the hierarchy. Start typing the name of the node in the text box next to the drop-down list. As you type, you will be presented with a list of matching nodes - select one of these to display the available entities.<\/li>\n<\/ul>\n<p class=\"note\">Note that configuration can affect the results, if the control was configured to only show entities of a certain type (primary template).<\/p>\n<p class=\"left-bar-blue\"><i class=\"fa fa-book fa-2x fa-pull-left\"><\/i> \u00a0Read all about using the entity selector here: <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/using-the-page-controls\/navigation-hierarchies-entities\/#Entity_Selector\">Navigation, Hierarchies, &amp; Entities<\/a><\/p>\n<hr \/>\n<h2>What a Page Designer Can Do<\/h2>\n<p class=\"intro-text\">When configuring the entity selector, a page designer can:<\/p>\n<ul class=\"intro-text\">\n<li>Restrict the user to selecting a single entity (<em>Select Mode = Single<\/em>).<\/li>\n<li>Allow the user to select a specific number of entities.\u00a0(<em>Select Mode = Multiple, Number of Selections is specified<\/em>)<\/li>\n<li>Allow the user to select as many entities as they want.\u00a0(<em>Select Mode = Multiple,\u00a0Number of Selections is unspecified<\/em>)<\/li>\n<li>Restrict the entities shown in the list to be of a certain type (<em>Template Filter is specified<\/em>).<\/li>\n<li>When the page is first loaded, have the list of entities start from a specific node in a hierarchy (<em>Start Node is specified<\/em>).<\/li>\n<\/ul>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/05\/entityselectorconfigex.png\" rel=\"lightbox-2\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14885\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/05\/entityselectorconfigex.png\" alt=\"entityselectorconfigex\" width=\"342\" height=\"382\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/05\/entityselectorconfigex.png 342w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/05\/entityselectorconfigex-134x150.png 134w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/05\/entityselectorconfigex-21x24.png 21w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/05\/entityselectorconfigex-32x36.png 32w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/05\/entityselectorconfigex-43x48.png 43w\" sizes=\"auto, (max-width: 342px) 100vw, 342px\" \/><\/a><\/p>\n<p class=\"left-bar-blue\"><i class=\"fa fa-book fa-2x fa-pull-left\"><\/i> \u00a0Read all about configuring the entity selector here:\u00a0<a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/entity-selector\/\">Entity Selector<\/a><\/p>\n<hr \/>\n<h2>Configuration Tips &amp; Best Practices<\/h2>\n<div class=\"best-prac\">\n<p class=\"best-prac-desc\"><i class=\"fa fa-exclamation-circle fa-2x fa-pull-left\"><\/i> \u00a0\u00a0<strong>Do not use the Hierarchy control and Entity Selector on the same page<\/strong>. Doing so may result in unexpected behaviours.<\/p>\n<\/div>\n<p class=\"intro-text\">\u00a0<\/p>\n<p class=\"intro-text\">You should add the following page defaults to guide the user in selecting the relevant assets:<\/p>\n<ul class=\"intro-text\">\n<li><strong>selectedEntity<\/strong> (type <em>Entity<\/em>) or <strong>selectedEntities<\/strong> (type <em>EntityList<\/em>)<\/li>\n<li><strong>selectedHierarchy<\/strong> (type <em>Text<\/em>)<\/li>\n<\/ul>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/05\/defaultvalues2.png\" rel=\"lightbox-3\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14888\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/05\/defaultvalues2.png\" alt=\"defaultvalues2\" width=\"350\" height=\"357\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/05\/defaultvalues2.png 350w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/05\/defaultvalues2-147x150.png 147w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/05\/defaultvalues2-24x24.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/05\/defaultvalues2-36x36.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/05\/defaultvalues2-48x48.png 48w\" sizes=\"auto, (max-width: 350px) 100vw, 350px\" \/>\u00a0\u00a0<\/a><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/05\/defaultvalues1.png\" rel=\"lightbox-4\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14887\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/05\/defaultvalues1.png\" alt=\"defaultvalues1\" width=\"351\" height=\"315\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/05\/defaultvalues1.png 351w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/05\/defaultvalues1-150x135.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/05\/defaultvalues1-24x22.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/05\/defaultvalues1-36x32.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/05\/defaultvalues1-48x43.png 48w\" sizes=\"auto, (max-width: 351px) 100vw, 351px\" \/><\/a><\/p>\n<p class=\"note\"><em>Do you have any other tips to share? Let us know in the comments below!<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Entity Selector is one of the most powerful and commonly used components on a page. It allows users to select different entities from a hierarchy, and have the page data update accordingly. This article describes how to use and configure the Entity Selector.<\/p>\n<p class=\"continue-reading-button\"> <a class=\"continue-reading-link\" href=\"https:\/\/oihelp.corporate.ifs.com\/help\/complete-guide-to-the-entity-selector\/\">Read more<i class=\"crycon-right-dir\"><\/i><\/a><\/p>\n","protected":false},"author":1,"featured_media":4628,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_members_access_role":[],"_members_access_error":""},"categories":[2],"tags":[],"class_list":["post-14879","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog"],"_links":{"self":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/posts\/14879","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/types\/post"}],"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=14879"}],"version-history":[{"count":0,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/posts\/14879\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/media\/4628"}],"wp:attachment":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/media?parent=14879"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/categories?post=14879"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/tags?post=14879"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}