{"id":867,"date":"2015-01-29T16:11:57","date_gmt":"2015-01-29T08:11:57","guid":{"rendered":"http:\/\/haynes8\/help\/?page_id=867"},"modified":"2017-12-14T14:39:16","modified_gmt":"2017-12-14T06:39:16","slug":"text-label-4-3-1","status":"publish","type":"page","link":"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/text-label\/text-label-4-3-1\/","title":{"rendered":"Text Label (4.3.1)"},"content":{"rendered":"\n<p class=\"left-bar\">This article applies to versions 4.3.1 and earlier of P2 Explorer. For help on the latest version of the text label, see <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/text-label\/\">Text Label<\/a>.<\/p>\n<h3 class=\"page-subheading\">Overview<\/h3>\n<p class=\"intro-text\">The following diagram shows a text label added to a <a title=\"Grid Layout\" href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/grid-layout\/\">grid layout<\/a>:<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/09\/Royalties-Text-Label.png\" rel=\"lightbox-0\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-5169\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/09\/Royalties-Text-Label-800x298.png\" alt=\"\" width=\"719\" height=\"268\" \/><\/a><\/p>\n<table>\n<tbody>\n<tr>\n<td width=\"130\"><strong>Title<\/strong>:<\/td>\n<td>Select the check box if this label is going to be a page title. This will style the text to a font size of 20px.<\/td>\n<\/tr>\n<tr>\n<td><strong>Underline:<\/strong><\/td>\n<td>Display a line beneath the text. The line extends the full length of the container.<\/td>\n<\/tr>\n<tr>\n<td><strong>Content<\/strong>:<\/td>\n<td>The text that you want the label to display. This will style the text to a font size of 11px.<\/td>\n<\/tr>\n<tr>\n<td><strong>Add Event<\/strong>:<\/td>\n<td>You can add an event to allow the text to update automatically depending on the value of another control on the same page.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3 class=\"page-subheading\">Label Formatting<\/h3>\n<p class=\"intro-text\">The Text Label component has formatting options that you can apply to the embedded events sections of the label.<\/p>\n<p class=\"intro-text\">The available options relate to the event <em>Type<\/em>:<\/p>\n<ul class=\"intro-text\">\n<li>List Formats<\/li>\n<li>Number Formats<\/li>\n<li>Entity Formats<\/li>\n<li>EntityList Formats<\/li>\n<li>Datetime Formats<\/li>\n<\/ul>\n<p class=\"intro-text\">Below are some examples of type formatting. There is also an advanced tutorial at the end of this topic, covering formatting.<\/p>\n<h4 class=\"page-subheading\">Datetime Formats<\/h4>\n<p class=\"intro-text\">The Datetime type has several formats. Here are some of the formats for the date Wed 19 Aug 2014 04:12:16 GMT.<\/p>\n<table>\n<tbody>\n<tr>\n<td width=\"100\"><strong>Format<\/strong><\/td>\n<td><strong>Result<\/strong><\/td>\n<\/tr>\n<tr>\n<td>Full Date<\/td>\n<td>19 August 2015 12:12<\/td>\n<\/tr>\n<tr>\n<td>Date<\/td>\n<td>19 August 2015<\/td>\n<\/tr>\n<tr>\n<td>Day<\/td>\n<td>19th<\/td>\n<\/tr>\n<tr>\n<td>Hour<\/td>\n<td>12 pm<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h4 class=\"page-subheading\">Number Formats<\/h4>\n<p class=\"intro-text\">The Number type has several formats. Here are some of the results you'll get when you format the number 10,932.5821. The number separator depends on the locale of the user\u2019s browser.<\/p>\n<table>\n<tbody>\n<tr>\n<td width=\"100\"><strong>Format<\/strong><\/td>\n<td width=\"300\"><strong>Parameter (for example: Separator, Symbol)<\/strong><\/td>\n<td><strong>Result<\/strong><\/td>\n<\/tr>\n<tr>\n<td>Normal<\/td>\n<td>(Separator) selected<\/td>\n<td>10,932.582<\/td>\n<\/tr>\n<tr>\n<td>Currency<\/td>\n<td>(Symbol) $<\/td>\n<td>$10,932.58<\/td>\n<\/tr>\n<tr>\n<td>Scientific<\/td>\n<td>(Decimals) 2<\/td>\n<td>1.09e+4<\/td>\n<\/tr>\n<tr>\n<td>Decimals<\/td>\n<td>(Decimals) 4<\/td>\n<td>10,932.5821<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h4 class=\"page-subheading\">List Formats<\/h4>\n<p class=\"intro-text\">If you format the the list ['USD', 'CAD', 'NOK'] as commaSeparated, you will get the result USD, CAD, NOK<\/p>\n<p>&nbsp;<\/p>\n<hr \/>\n<h3 class=\"page-subheading\">Tutorial 1: Adding a Label<\/h3>\n<p class=\"intro-text\">Labels are so common on web pages that we barely even think about them. But Explorer's text label control allows you to display:<\/p>\n<ul class=\"intro-text\">\n<li>A simple text label<\/li>\n<li>A large title or heading<\/li>\n<li>Different values based upon a defined event<\/li>\n<\/ul>\n<p class=\"intro-text\">For a standard label, you simply type the label text in the Content box, and you're done. To display a title for a page or a section of a page, select the Title check box and\/or Underline.<\/p>\n<p class=\"intro-text\">However, you can also get the label to display different text depending on an <a title=\"Events\" href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/events\/\">event<\/a>. For example, you could have a combo box that has several different options. Perhaps you want to have a label that displays what has been selected in the combo box.<\/p>\n<p class=\"intro-text\">In this tutorial, we'll look at adding a page heading label that changes to display the currency that the user will select from a combo box on the same page. By default, the label will display USD.<\/p>\n<p class=\"intro-text\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-911 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/textevent.png\" alt=\"textevent\" width=\"495\" height=\"268\" \/><\/p>\n<p class=\"note\">Creating an event-controlled label is straightforward, but requires a little preparation. Let's go through this process, step-by-step.<\/p>\n<hr \/>\n<h3 class=\"page-subheading\">Step by Step: Creating an Event Controlled Label<\/h3>\n<p class=\"intro-text\">Before you start, click <strong>Workspaces<\/strong> on the <strong>Home<\/strong> tab of the Explorer Ribbon, then click the \u201cCreate New Page in Studio Mode\u201d thumbnail. You should first <a title=\"Grid Layout\" href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/grid-layout\/\">add a grid<\/a> to the canvas in order to be able to insert controls.<\/p>\n<p class=\"intro-text\"><strong>Step 1. Create an event<\/strong><\/p>\n<p class=\"intro-text\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/01\/texteventdefaults1.png\" rel=\"lightbox-1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-3197 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/01\/texteventdefaults1.png\" alt=\"\" width=\"722\" height=\"434\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/01\/texteventdefaults1.png 722w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/01\/texteventdefaults1-150x90.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/01\/texteventdefaults1-24x14.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/01\/texteventdefaults1-36x22.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/01\/texteventdefaults1-48x29.png 48w\" sizes=\"auto, (max-width: 722px) 100vw, 722px\" \/><\/a><\/p>\n<p class=\"intro-text\">You can create an <a title=\"Events\" href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/events\/\">event<\/a> at any time, but it's ideal to do this when you first start your page design.<\/p>\n<p class=\"intro-text\">Click the <em><strong>Event Defaults<\/strong><\/em> button on the far right side of the Studio toolbar, and configure the event. In this case, we want to configure an event called <em>\"selectedOption\",<\/em> with a default text value of USD.<\/p>\n<p class=\"intro-text\">Click the <em><strong>Event Defaults<\/strong><\/em> button on the far right side of the Studio toolbar to close the <em>Event Defaults<\/em> again.<\/p>\n<p class=\"intro-text\">\u00a0<\/p>\n<p class=\"intro-text\"><strong>Step 2. Add a combo box to the page and configure it<\/strong><\/p>\n<p class=\"intro-text\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/01\/textcombobox.png\" rel=\"lightbox-2\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-3194\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/01\/textcombobox-800x525.png\" alt=\"textcombobox\" width=\"800\" height=\"525\" \/><\/a><\/p>\n<p class=\"intro-text\">In this tutorial, we want to add a <a title=\"Combo Box\" href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/combo-box\/\">combo box<\/a> which will contain 4 types of currency: AUD, CAD, GBP, USD.<\/p>\n<p class=\"intro-text\">Add each of the above to the <em>Option Values<\/em> list.<\/p>\n<p class=\"intro-text\">When the user selects a value from the combo box, we want the text label to display this value.<\/p>\n<p>&nbsp;<\/p>\n<p class=\"intro-text\"><strong>Step 3. Add the label to the page and configure it<\/strong><\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/09\/Add-the-label-and-configure-it-41.png\" rel=\"lightbox-3\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-5165 size-large alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/09\/Add-the-label-and-configure-it-41-800x351.png\" alt=\"\" width=\"800\" height=\"351\" \/><\/a><\/p>\n<p class=\"intro-text\">Drag a text label onto a grid cell, and configure as follows:<\/p>\n<ul class=\"intro-text\">\n<li><strong>Title:<\/strong> Select the check box.<\/li>\n<li><strong>Content:<\/strong> Type \"<em>Sales in <\/em>\".<\/li>\n<li>Click <strong>Add Event<\/strong>: An <em>event<\/em> window appears. Select <em>\"selectedOption\"<\/em> from the <strong>Event Name<\/strong> drop-down list, select <em>Text<\/em> from the <strong>Type<\/strong> drop-down list, and click <strong>Add<\/strong>. The word <em>selectedOption<\/em> is automatically inserted at the end of the text in the content box, followed by a colon and the <em>text<\/em> option, with the whole lot surrounded by two curly brackets, {{selectedOption:text}}. (If you like, you can just type the value directly into the content box instead of in here).<\/li>\n<\/ul>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/09\/Add-the-label-and-configure-it-2.png\" rel=\"lightbox-4\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-5159 size-large\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/09\/Add-the-label-and-configure-it-2-800x174.png\" alt=\"\" width=\"800\" height=\"174\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p class=\"intro-text\"><strong>Step 4. All done!<\/strong><\/p>\n<p class=\"intro-text\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/textevent.png\" rel=\"lightbox-5\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-911 size-medium\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/textevent.png\" alt=\"textevent\" width=\"400\" height=\"217\" \/><\/a><\/p>\n<p class=\"intro-text\">Congratulations! You now have a label that displays the text determined by a combo box. In this case, the text of the page heading changes depending on the currency value selected.<\/p>\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'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<h3 class=\"page-subheading\">Tutorial 2: Adding Labels with Formatting<\/h3>\n<p class=\"intro-text\">Sometimes you need to format your labels, especially when you are showing currencies or precise numbers requiring decimals or scientific formatting.<\/p>\n<p class=\"intro-text\">In this tutorial, we add several formatted labels, including one which shows the selected entities.<\/p>\n<div id=\"attachment_5507\" style=\"width: 810px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/09\/Formatted-Labels-In-Design.png\" rel=\"lightbox-6\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-5507\" class=\"wp-image-5507 size-large\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/09\/Formatted-Labels-In-Design-800x348.png\" alt=\"\" width=\"800\" height=\"348\" \/><\/a><p id=\"caption-attachment-5507\" class=\"wp-caption-text\">The Page in Studio Mode<\/p><\/div>\n<p class=\"note\">This tutorial requires several labels. Let's go through this process, step-by-step.<\/p>\n<hr \/>\n<h3 class=\"page-subheading\">Step by Step: Creating and Formatting an Event Controlled Label<\/h3>\n<p class=\"intro-text\">Before you start, click <strong>Workspaces<\/strong> on the <strong>Home<\/strong> tab of the Explorer Ribbon, then click the \u201cCreate New Page in Studio Mode\u201d thumbnail. You should first <a title=\"Grid Layout\" href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/grid-layout\/\">add a grid<\/a> to the canvas in order to be able to insert controls.<\/p>\n<p class=\"intro-text\">If you have access to the training environment, you can follow the steps exactly as outlined here. Otherwise, you will need to adjust the configuration to suit your data.<\/p>\n<p class=\"intro-text\"><strong>Step 1. Format your Grid Layout<\/strong><\/p>\n<p class=\"intro-text\">Format your grid so that you have five rows on the left half of the page, and one on the right.<\/p>\n<p class=\"intro-text\">You're going to add labels on the left, and an entity selector on the right.<\/p>\n<p class=\"intro-text\"><strong>Step 2. Add Event Defaults<\/strong><\/p>\n<p class=\"left-bar\">Related: <a title=\"Events\" href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/events\/\">See how to add event defaults, in the tutorial.<\/a><\/p>\n<p class=\"intro-text\">We will use the various formats of the number default in some of the text labels, and will use the list default in another.<\/p>\n<p class=\"intro-text\">Add a number default:<\/p>\n<ul class=\"intro-text\">\n<li>Number1<\/li>\n<li>150652.2134<\/li>\n<\/ul>\n<p class=\"intro-text\">Add a list default:<\/p>\n<ul class=\"intro-text\">\n<li>Cities<\/li>\n<li>New York; London; Paris; Cape Town<\/li>\n<\/ul>\n<div id=\"attachment_5489\" style=\"width: 382px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/09\/Add-Event-Defaults-for-Label.png\" rel=\"lightbox-7\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-5489\" class=\"wp-image-5489 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/09\/Add-Event-Defaults-for-Label.png\" alt=\"\" width=\"372\" height=\"366\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/09\/Add-Event-Defaults-for-Label.png 372w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/09\/Add-Event-Defaults-for-Label-150x148.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/09\/Add-Event-Defaults-for-Label-24x24.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/09\/Add-Event-Defaults-for-Label-36x36.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/09\/Add-Event-Defaults-for-Label-48x48.png 48w\" sizes=\"auto, (max-width: 372px) 100vw, 372px\" \/><\/a><p id=\"caption-attachment-5489\" class=\"wp-caption-text\">These defaults are used in the text labels to demonstrate formatting<\/p><\/div>\n<p class=\"intro-text\"><strong>Step 3. Add an Entity Selector<\/strong><\/p>\n<p class=\"intro-text\">We will include the selected enties (<em>selectedEntities<\/em>) as formatted display names in one of the text labels.<\/p>\n<p class=\"intro-text\">Drag an <a title=\"Entity Selector\" href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/entity-selector\/\">Entity Selector<\/a> onto the right side of your page.<\/p>\n<p class=\"intro-text\">If you have access to the training environment, configure it to use the <em>Oil and Gas<\/em> hierarchy. Otherwise, configure it to suit another hierarchy.<\/p>\n<ul class=\"intro-text\">\n<li><strong>Select Mode:<\/strong> Multiple<\/li>\n<li><strong>Selected Entity:<\/strong> leave as is (selectedEntities)<\/li>\n<li><strong>Hierarchy Name:<\/strong> (Text) Oil and Gas<\/li>\n<li><strong>Template Filter:<\/strong> (Text) Oil Producing Well<\/li>\n<li><strong>Start Node:<\/strong> (leave blank)<\/li>\n<li><strong>Number of Selections:<\/strong> (leave blank)<\/li>\n<\/ul>\n<p class=\"intro-text\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/09\/EntitySelector.png\" rel=\"lightbox-8\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-5490 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/09\/EntitySelector.png\" alt=\"\" width=\"360\" height=\"366\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/09\/EntitySelector.png 360w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/09\/EntitySelector-148x150.png 148w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/09\/EntitySelector-24x24.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/09\/EntitySelector-36x36.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/09\/EntitySelector-48x48.png 48w\" sizes=\"auto, (max-width: 360px) 100vw, 360px\" \/><\/a><\/p>\n<p class=\"intro-text\"><strong>Step 4. Add Labels with Formatting<\/strong><\/p>\n<p class=\"intro-text\">1. Drag a text label onto each grid cell on the left of your page.<\/p>\n<div id=\"attachment_5495\" style=\"width: 810px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/09\/Adding-Labels.png\" rel=\"lightbox-9\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-5495\" class=\"wp-image-5495 size-large\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/09\/Adding-Labels-800x441.png\" alt=\"\" width=\"800\" height=\"441\" \/><\/a><p id=\"caption-attachment-5495\" class=\"wp-caption-text\">Add a Label to each Grid Cell on the Left<\/p><\/div>\n<p class=\"intro-text\">2. Configure the first text label as follows:<\/p>\n<ul class=\"intro-text\">\n<li><strong>Title:<\/strong> (leave unselected)<\/li>\n<li><strong>Underline:<\/strong> (leave unselected)<\/li>\n<li><strong>Content:<\/strong> Format number as Decimals, 2:<\/li>\n<li>Click <strong>Add Event<\/strong>: An <em>event<\/em> window appears. Select the following:\n<ul class=\"intro-text\">\n<li><strong>Event Name:<\/strong> Number1<\/li>\n<li><strong>Type:<\/strong> Number<\/li>\n<li><strong>Format:<\/strong> Decimals<\/li>\n<li><strong>Decimals:<\/strong> 2<\/li>\n<\/ul>\n<\/li>\n<li>Click <strong>Add<\/strong><\/li>\n<\/ul>\n<div id=\"attachment_5470\" style=\"width: 365px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/09\/Decimal-Format.png\" rel=\"lightbox-10\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-5470\" class=\"wp-image-5470 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/09\/Decimal-Format.png\" alt=\"\" width=\"355\" height=\"479\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/09\/Decimal-Format.png 355w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/09\/Decimal-Format-111x150.png 111w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/09\/Decimal-Format-18x24.png 18w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/09\/Decimal-Format-27x36.png 27w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/09\/Decimal-Format-36x48.png 36w\" sizes=\"auto, (max-width: 355px) 100vw, 355px\" \/><\/a><p id=\"caption-attachment-5470\" class=\"wp-caption-text\">Configuring a Text Label with Decimal Formatting<\/p><\/div>\n<p class=\"intro-text\">3. Configure the remaining text labels in the same way.<\/p>\n<p class=\"intro-text\"><strong>Second Label: Currency Formatting<\/strong><\/p>\n<ul class=\"intro-text\">\n<li><strong>Title:<\/strong> (leave unselected)<\/li>\n<li><strong>Underline:<\/strong> (leave unselected)<\/li>\n<li><strong>Content:<\/strong> Format number as Currency ($):<\/li>\n<li>Click <strong>Add Event<\/strong>: An <em>event<\/em> window appears. Select the following:\n<ul class=\"intro-text\">\n<li><strong>Event Name:<\/strong> Number1<\/li>\n<li><strong>Type:<\/strong> Number<\/li>\n<li><strong>Format:<\/strong> Currency<\/li>\n<li><strong>Symbol:<\/strong> $<\/li>\n<\/ul>\n<\/li>\n<li>Click <strong>Add<\/strong><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p class=\"intro-text\"><strong>Third Label: Scientific Formatting <\/strong><\/p>\n<ul class=\"intro-text\">\n<li><strong>Title:<\/strong> (leave unselected)<\/li>\n<li><strong>Underline:<\/strong> (leave unselected)<\/li>\n<li><strong>Content:<\/strong> Format number as Scientific, 2:<\/li>\n<li>Click <strong>Add Event<\/strong>: An <em>event<\/em> window appears. Select the following:\n<ul class=\"intro-text\">\n<li><strong>Event Name:<\/strong> Number1<\/li>\n<li><strong>Type:<\/strong> Number<\/li>\n<li><strong>Format:<\/strong> Scientific<\/li>\n<li><strong>Decimals:<\/strong> 2<\/li>\n<\/ul>\n<\/li>\n<li>Click <strong>Add<\/strong><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p class=\"intro-text\"><strong>Fourth Label: List Formatting<\/strong><\/p>\n<ul class=\"intro-text\">\n<li><strong>Title:<\/strong> (leave unselected)<\/li>\n<li><strong>Underline:<\/strong> (leave unselected)<\/li>\n<li><strong>Content:<\/strong> Format cities as a list:<\/li>\n<li>Click <strong>Add Event<\/strong>: An <em>event<\/em> window appears. Select the following:\n<ul class=\"intro-text\">\n<li><strong>Event Name:<\/strong> Cities<\/li>\n<li><strong>Type:<\/strong> List<\/li>\n<li><strong>Format:<\/strong> Comma Separated<\/li>\n<\/ul>\n<\/li>\n<li>Click <strong>Add<\/strong><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p class=\"intro-text\"><strong>Fifth Label: Display Names Formatting<\/strong><\/p>\n<ul class=\"intro-text\">\n<li><strong>Title:<\/strong> (leave unselected)<\/li>\n<li><strong>Underline:<\/strong> (leave unselected)<\/li>\n<li><strong>Content:<\/strong> Format selected entites as display names:<\/li>\n<li>Click <strong>Add Event<\/strong>: An <em>event<\/em> window appears. Select the following:\n<ul class=\"intro-text\">\n<li><strong>Event Name:<\/strong> selectedEntities<\/li>\n<li><strong>Type:<\/strong> EntityList<\/li>\n<li><strong>Format:<\/strong> Display Names<\/li>\n<\/ul>\n<\/li>\n<li>Click <strong>Add<\/strong><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p class=\"intro-text\"><strong>Step 5. All done!<\/strong><\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/09\/Formatted-Labels.png\" rel=\"lightbox-11\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-5484 size-large\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/09\/Formatted-Labels-800x279.png\" alt=\"\" width=\"800\" height=\"279\" \/><\/a><\/p>\n<p class=\"intro-text\">Congratulations! You now have formatted labels for your event defaults, as well as a formatted label that displays the entites determined by an entity selector. The text in the label changes depending on the selected entites.<\/p>\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'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","protected":false},"excerpt":{"rendered":"<p>A text label displays text on an Explorer display. This article describes how to configure a text label, and applies to versions 4.3.1 and earlier 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\/text-label\/text-label-4-3-1\/\">Read more<i class=\"crycon-right-dir\"><\/i><\/a><\/p>\n","protected":false},"author":1,"featured_media":4660,"parent":12072,"menu_order":1,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":"","_members_access_role":[],"_members_access_error":""},"categories":[11],"tags":[29,513,45],"class_list":["post-867","page","type-page","status-publish","has-post-thumbnail","hentry","category-tutorial","tag-headings","tag-text","tag-titles","Product-ex"],"_links":{"self":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/867","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=867"}],"version-history":[{"count":0,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/867\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/12072"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/media\/4660"}],"wp:attachment":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/media?parent=867"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/categories?post=867"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/tags?post=867"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}