{"id":27511,"date":"2017-12-07T13:09:58","date_gmt":"2017-12-07T05:09:58","guid":{"rendered":"http:\/\/localhost\/help\/?page_id=27511"},"modified":"2018-10-04T13:49:13","modified_gmt":"2018-10-04T05:49:13","slug":"link-action-and-variable-mapping-4-5-4","status":"publish","type":"page","link":"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/link-action-and-variable-mapping\/link-action-and-variable-mapping-4-5-4\/","title":{"rendered":"Link Action and Variable Mapping (4.5.4)"},"content":{"rendered":"\n<p class=\"left-bar\">This article applies to versions 4.5.4 and later of P2 Explorer. For more, see\u00a0<a href=\"#Release_History\">Release History<\/a> For the latest help, see <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/link-action-and-variable-mapping\/\">Link Action, Variables, and Variable Mapping<\/a>.<\/p>\n<p class=\"intro-text\">Variable Mapping is used in some components to pass variables from the current Explorer page, to a linked page, trend, or URL.<\/p>\n<p class=\"intro-text\">This feature is available for <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/hyperlink\/\">Hyperlinks<\/a>, <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/hotspot\/\">Hotspots<\/a>, <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/status-tile\/\">Status Tiles<\/a>, and <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/charts\/\">Charts<\/a>.<\/p>\n<p class=\"intro-text\">Variable mapping is enabled once you have selected the type of link action you want to perform.<br \/>\n \u00a0<\/p>\n<table>\n<tbody>\n<tr style=\"border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc;\">\n<td style=\"padding-left: 5px; border-right: 1px solid #cccccc;\"><span style=\"color: #555555;\"><strong><em>Unconfigured Link Action option in a Hyperlink component<\/em><\/strong><em>:<\/em><\/span><\/td>\n<td style=\"padding-left: 5px;\">\n<p><span style=\"color: #555555;\"><strong><em>Fully configured Link Action with Variable Mapping. This configuration passes the value of the selectedEntity variable from the current page to the linked page<\/em><\/strong><em>:<\/em><\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc;\">\n<td style=\"padding-left: 5px; border-right: 1px solid #cccccc;\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/hyperlink-link-action.png\" rel=\"lightbox-0\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-27519\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/hyperlink-link-action.png\" alt=\"\" width=\"347\" height=\"290\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/hyperlink-link-action.png 347w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/hyperlink-link-action-150x125.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/hyperlink-link-action-24x20.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/hyperlink-link-action-36x30.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/hyperlink-link-action-48x40.png 48w\" sizes=\"auto, (max-width: 347px) 100vw, 347px\" \/><\/a><\/td>\n<td style=\"padding-left: 5px;\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-openpage.png\" rel=\"lightbox-1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-27518\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-openpage.png\" alt=\"\" width=\"323\" height=\"312\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-openpage.png 323w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-openpage-150x145.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-openpage-24x24.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-openpage-36x36.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-openpage-48x46.png 48w\" sizes=\"auto, (max-width: 323px) 100vw, 323px\" \/><\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>&nbsp;<\/p>\n<h2 class=\"page-subheading\">Link Actions<\/h2>\n<p class=\"intro-text\">Link actions allow you to link to a page, trend, or URL. There are four types of link actions:<\/p>\n<table>\n<tbody>\n<tr style=\"border: 1px solid #cccccc;\">\n<td style=\"padding-left: 5px;\" width=\"50%\">\n<p><em><strong>Open an Explorer Page<\/strong>:<br \/>\n <\/em>Explorer opens a saved page when a user clicks this type of link.<em><br \/>\n <\/em><\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/link-action-page-454.png\" rel=\"lightbox-2\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-31810\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/link-action-page-454.png\" alt=\"\" width=\"323\" height=\"172\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/link-action-page-454.png 323w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/link-action-page-454-150x80.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/link-action-page-454-24x13.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/link-action-page-454-36x19.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/link-action-page-454-48x26.png 48w\" sizes=\"auto, (max-width: 323px) 100vw, 323px\" \/><\/a><\/p>\n<ul>\n<li><strong>Type<\/strong>: Open Page<\/li>\n<li><strong>Workspace<\/strong>: The name of the workspace containing the Explorer page.<\/li>\n<li><strong>Page<\/strong>:\u00a0The name of the page to open.\u00a0<\/li>\n<li><strong>Tab Type<\/strong>: Choose to open the link in a new tab inside P2 Explorer, the same tab inside P2 Explorer, or in a new tab in the browser.<\/li>\n<\/ul>\n<\/td>\n<td style=\"border-left: 1px solid #cccccc; padding-left: 5px;\">\n<p><em><strong>Open an existing Explorer Trend<\/strong>:<br \/>\n <\/em>Explorer opens a saved trend when a user clicks this type of link.<em><br \/>\n <\/em><\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/link-action-trend-454.png\" rel=\"lightbox-3\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-31811\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/link-action-trend-454.png\" alt=\"\" width=\"329\" height=\"176\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/link-action-trend-454.png 329w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/link-action-trend-454-150x80.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/link-action-trend-454-24x13.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/link-action-trend-454-36x19.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/link-action-trend-454-48x26.png 48w\" sizes=\"auto, (max-width: 329px) 100vw, 329px\" \/><\/a><\/p>\n<ul>\n<li><strong>Type<\/strong>: Open Trend<\/li>\n<li><strong>Workspace<\/strong>: The name of the workspace containing the Explorer trend.<\/li>\n<li><strong>Trend<\/strong>:\u00a0The name of the trend to open.\u00a0<\/li>\n<li><strong>Tab Type<\/strong>: Choose to open the link in a new tab inside P2 Explorer, the same tab inside P2 Explorer, or in a new tab in the browser.<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr style=\"border: 1px solid #cccccc;\">\n<td style=\"padding-left: 5px;\">\n<p><em><strong>Open an external web page<\/strong>:<br \/>\n <\/em>Explorer opens a different website or document when a user clicks this type of link.<em><br \/>\n <\/em><\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/link-action-url-454.png\" rel=\"lightbox-4\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-31812\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/link-action-url-454.png\" alt=\"\" width=\"332\" height=\"176\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/link-action-url-454.png 332w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/link-action-url-454-150x80.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/link-action-url-454-24x13.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/link-action-url-454-36x19.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/link-action-url-454-48x25.png 48w\" sizes=\"auto, (max-width: 332px) 100vw, 332px\" \/><\/a><\/p>\n<ul>\n<li><strong>Type<\/strong>: Open URL<\/li>\n<li><strong>URL<\/strong>: Use the Text option to specify the address of the web page to open. You can also use a <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-primers\/variables\/\">variable<\/a> to drive this value.\n<ul>\n<li><em><strong>Note<\/strong><\/em>: Internet Explorer users can use the URL to open a file on their local network, using a relative file path (e.g. \\machinenameSharetest.txt). The domain of the site accessing the file must be added to Trusted Sites, and the file extension must be supported by the browser.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Header<\/strong>: The\u00a0text to show in the tab when the URL is opened. If left blank, the tab will show 'New Page'.<\/li>\n<li><strong>Tab Type<\/strong>: Choose to open the link in a new tab inside P2 Explorer, the same tab inside P2 Explorer, or in a new tab in the browser.\n<ul>\n<li><em><strong>Note<\/strong><\/em>: For security reasons, Explorer will not display insecure content within a secure context. If Explorer is using HTTPS (secure) then a URL using HTTP (insecure) will be opened in a new browser tab regardless of the specified Tab Type. I.e. If Explorer uses <em>https<\/em> but the link is to an <em>http<\/em>\u00a0site, then it will open in a new browser tab.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/td>\n<td style=\"border-left: 1px solid #cccccc; padding-left: 5px;\">\n<p><em><strong>Open a new, blank Explorer Trend<\/strong>:<br \/>\n <\/em>Explorer opens a new, blank trend when a user clicks this type of link.<\/p>\n<p><em><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/link-action-new-trend.png\" rel=\"lightbox-5\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-27530\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/link-action-new-trend.png\" alt=\"\" width=\"334\" height=\"112\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/link-action-new-trend.png 334w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/link-action-new-trend-150x50.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/link-action-new-trend-24x8.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/link-action-new-trend-36x12.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/link-action-new-trend-48x16.png 48w\" sizes=\"auto, (max-width: 334px) 100vw, 334px\" \/><\/a><\/em><\/p>\n<ul>\n<li><strong>Type<\/strong>: New Trend<\/li>\n<li><strong>Tab Type<\/strong>: Choose to open the link in a new tab inside P2 Explorer, the same tab inside P2 Explorer, or in a new tab in the browser.<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>&nbsp;<\/p>\n<hr \/>\n<h2 class=\"page-subheading\">Variable Mapping<\/h2>\n<p class=\"intro-text\">Variable mapping is enabled once you have selected the link action.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-blank.png\" rel=\"lightbox-6\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-27560\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-blank.png\" alt=\"\" width=\"321\" height=\"121\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-blank.png 321w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-blank-150x57.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-blank-24x9.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-blank-36x14.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-blank-48x18.png 48w\" sizes=\"auto, (max-width: 321px) 100vw, 321px\" \/><\/a><\/p>\n<p class=\"intro-text\">The variables you can use depend on what you are opening, and can be different for trends, pages, and URLs. Note that variables are case-sensitive.<\/p>\n<p class=\"intro-text\">Each variable mapping needs a source (coming from the page you are on) and a target (for the trend\/ page\/ URL you are opening). The source and the target should have matching data types.<\/p>\n<h3>How to Map Variables<\/h3>\n<p class=\"intro-text\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-1.png\" rel=\"lightbox-7\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-27592 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-1.png\" alt=\"\" width=\"446\" height=\"181\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-1.png 446w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-1-150x61.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-1-24x10.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-1-36x15.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-1-48x19.png 48w\" sizes=\"auto, (max-width: 446px) 100vw, 446px\" \/><\/a><\/p>\n<p class=\"intro-text\"><strong>Step 1. Click Add to add a new variable mapping<\/strong><\/p>\n<p class=\"intro-text\">You can add several variable mappings, to pass values to the destination page, trend or URL.<\/p>\n<p class=\"intro-text\"><strong>Step 2. Choose the value\u00a0type for the Source<\/strong><\/p>\n<p class=\"intro-text\">The drop-down list on the left shows a list of types that you can pass via the link. Often, you will want to pass a variable (e.g. selectedEntity), but you can also pass specific values. See the table below for details.<\/p>\n<p class=\"intro-text\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-27563 alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-type.png\" alt=\"\" width=\"73\" height=\"172\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-type.png 73w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-type-64x150.png 64w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-type-10x24.png 10w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-type-15x36.png 15w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-type-20x48.png 20w\" sizes=\"auto, (max-width: 73px) 100vw, 73px\" \/><\/p>\n<p class=\"intro-text\"><strong>Step 3. Specify the Source value<\/strong><\/p>\n<p class=\"intro-text\">The Source box is where you specify the value you want to pass. The value you specify here will depend on what you selected from the drop-down list. The table below explains the options available.<\/p>\n<table>\n<tbody>\n<tr style=\"border: 1px solid #cccccc; height: 48px;\">\n<td style=\"padding-left: 5px; height: 48px;\"><strong>Variable<\/strong><\/td>\n<td style=\"height: 48px;\">Specify a variable\u00a0for the source. The target must be a variable of the same data type. When this is selected, you can select the variable from the <em>Source<\/em> drop-down list. E.g. selectedEntity<\/td>\n<td style=\"height: 48px;\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-variable.png\" rel=\"lightbox-8\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-27573\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-variable.png\" alt=\"\" width=\"291\" height=\"26\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-variable.png 291w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-variable-150x13.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-variable-24x2.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-variable-36x3.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-variable-48x4.png 48w\" sizes=\"auto, (max-width: 291px) 100vw, 291px\" \/><\/a><\/td>\n<\/tr>\n<tr style=\"border: 1px solid #cccccc; height: 48px;\">\n<td style=\"padding-left: 5px; height: 48px;\"><strong>Context<\/strong><\/td>\n<td style=\"height: 48px;\">This is only available for <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/using-the-page-controls\/charts\/\">Charts<\/a>\u00a0where the X axis is a string (discrete charts). Select <em>xValue<\/em> from the <em>Source<\/em> drop-down list. The target must be a variable of the same data type as the value of the X axis of the chart. For a configuration example, see <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/charts\/#Part_2_X_Axis_Links_on_Bar_Chart\">the tutorial<\/a>.<\/td>\n<td style=\"height: 48px;\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-context.png\" rel=\"lightbox-9\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-27574\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-context.png\" alt=\"\" width=\"274\" height=\"26\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-context.png 274w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-context-150x14.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-context-24x2.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-context-36x3.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-context-48x5.png 48w\" sizes=\"auto, (max-width: 274px) 100vw, 274px\" \/><\/a><\/td>\n<\/tr>\n<tr style=\"border: 1px solid #cccccc; height: 48px;\">\n<td style=\"padding-left: 5px; height: 48px;\"><strong>Text<\/strong><\/td>\n<td style=\"height: 48px;\">In the <em>Source<\/em> box, type the text you want to pass to the target variable. The target must also be a text variable.\u00a0E.g. You could use this pass the selected option to a <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/combo-box\/\">combo box<\/a>, or to pass some text to a variable for a URL.\u00a0<\/td>\n<td style=\"height: 48px;\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-text.png\" rel=\"lightbox-10\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-27572\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-text.png\" alt=\"\" width=\"291\" height=\"26\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-text.png 291w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-text-150x13.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-text-24x2.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-text-36x3.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-text-48x4.png 48w\" sizes=\"auto, (max-width: 291px) 100vw, 291px\" \/><\/a><\/td>\n<\/tr>\n<tr style=\"border: 1px solid #cccccc; height: 48px;\">\n<td style=\"padding-left: 5px; height: 48px;\"><strong>List<\/strong><\/td>\n<td style=\"height: 48px;\">In the <em>Source<\/em> box, add a list of items for the source. Type the item name, and then click 'Add'. Keep adding more until you are done. The target must also be a list variable. E.g. You could use this to pass a list of options to an <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/option-links\/\">option links<\/a> component.<\/td>\n<td style=\"height: 48px;\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-list.png\" rel=\"lightbox-11\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-27571\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-list.png\" alt=\"\" width=\"310\" height=\"26\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-list.png 310w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-list-150x13.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-list-24x2.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-list-36x3.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-list-48x4.png 48w\" sizes=\"auto, (max-width: 310px) 100vw, 310px\" \/><\/a><\/td>\n<\/tr>\n<tr style=\"border: 1px solid #cccccc; height: 72px;\">\n<td style=\"padding-left: 5px; height: 72px;\"><strong>Entity<\/strong><\/td>\n<td style=\"height: 72px;\">The name of the entity you want to pass to the target. Type the internal name of the entity in the <em>Source<\/em> box. The target must also be an entity variable.\u00a0E.g. You could pass an entity to a <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/hierarchy\/\">hierarchy<\/a>.<\/td>\n<td style=\"height: 72px;\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-entity.png\" rel=\"lightbox-12\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-27570\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-entity.png\" alt=\"\" width=\"310\" height=\"26\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-entity.png 310w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-entity-150x13.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-entity-24x2.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-entity-36x3.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-entity-48x4.png 48w\" sizes=\"auto, (max-width: 310px) 100vw, 310px\" \/><\/a><\/td>\n<\/tr>\n<tr style=\"border: 1px solid #cccccc; height: 48px;\">\n<td style=\"padding-left: 5px; height: 48px;\"><strong>Entities<\/strong><\/td>\n<td style=\"height: 48px;\">The list of entities you want to pass to the target. Type the internal name of the entity, and then click 'Add'. Keep adding more until you are done. The target must also be an entity variable.\u00a0E.g. You could pass a list of entities to the <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/entity-selector\/\">entity selector<\/a>.<\/td>\n<td style=\"height: 48px;\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-entities.png\" rel=\"lightbox-13\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-27569\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-entities.png\" alt=\"\" width=\"310\" height=\"26\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-entities.png 310w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-entities-150x13.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-entities-24x2.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-entities-36x3.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-entities-48x4.png 48w\" sizes=\"auto, (max-width: 310px) 100vw, 310px\" \/><\/a><\/td>\n<\/tr>\n<tr style=\"border: 1px solid #cccccc; height: 48px;\">\n<td style=\"padding-left: 5px; height: 48px;\"><strong>Number<\/strong><\/td>\n<td style=\"height: 48px;\">In the <em>Source<\/em> box, type the number you want to pass to the target. The target must also be a number\u00a0variable. E.g. You could use this to pass a wind direction value to the <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/wind-vane\/\">wind vane<\/a>.<\/td>\n<td style=\"height: 48px;\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-number.png\" rel=\"lightbox-14\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-27568\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-number.png\" alt=\"\" width=\"291\" height=\"26\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-number.png 291w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-number-150x13.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-number-24x2.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-number-36x3.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-number-48x4.png 48w\" sizes=\"auto, (max-width: 291px) 100vw, 291px\" \/><\/a><\/td>\n<\/tr>\n<tr style=\"border: 1px solid #cccccc; height: 48px;\">\n<td style=\"padding-left: 5px; height: 48px;\"><strong>Yes\/No<\/strong><\/td>\n<td style=\"height: 48px;\">Specify a Yes\u00a0or No\u00a0value for the source. The target must also be a yes\/no (Boolean)\u00a0variable. When this is selected, you can specify Yes by selecting the check box. E.g. You could use this to pass a 'yes' value to the <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/current-time-toggle\/\">current date\/time toggle<\/a>.\u00a0<\/td>\n<td style=\"height: 48px;\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-yesno.png\" rel=\"lightbox-15\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-27567\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-yesno.png\" alt=\"\" width=\"163\" height=\"26\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-yesno.png 163w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-yesno-150x24.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-yesno-24x4.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-yesno-36x6.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-yesno-48x8.png 48w\" sizes=\"auto, (max-width: 163px) 100vw, 163px\" \/><\/a><\/td>\n<\/tr>\n<tr style=\"border: 1px solid #cccccc; height: 48px;\">\n<td style=\"padding-left: 5px; height: 48px;\"><strong>Datetime<\/strong><\/td>\n<td style=\"height: 48px;\">Specify a specific data\/time value for the source. The target must be a date\/time variable. When this is selected, you can choose the date\/time using the calendar and time pickers. E.g. You could use this to pass a value to a <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/time-picker\/\">date\/time picker<\/a>.<\/td>\n<td style=\"height: 48px;\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-datetime1.png\" rel=\"lightbox-16\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-27566 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-datetime1.png\" alt=\"\" width=\"310\" height=\"26\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-datetime1.png 310w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-datetime1-150x13.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-datetime1-24x2.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-datetime1-36x3.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-source-datetime1-48x4.png 48w\" sizes=\"auto, (max-width: 310px) 100vw, 310px\" \/><\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p class=\"intro-text\"><strong>Step 4. Choose the target variable<\/strong><\/p>\n<p class=\"intro-text\">Type in the name of the variable on the target page\/trend\/URL. The target will always be a variable that exists on the page or trend that you are linking to. In the case of a URL, this will be a query parameter.\u00a0This must be an accurate match and is case-sensitive. See below to understand what variables can be configured for pages, trends, and URLs.<\/p>\n<p class=\"instruct\">Tip: Click <strong>Remove<\/strong> to remove the variable mapping.<\/p>\n<h3>Trend Variable Examples<\/h3>\n<p class=\"intro-text\">Trends use specific, case sensitive variables which can be mapped.\u00a0The variable mapping in the following examples can be used for both new and existing trends.<\/p>\n<p class=\"left-bar\">Read more: <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/trends\/link-to-a-trend-via-a-url\/#Variable_Parameters\">Full list of variables available for a trend<\/a>\u00a0<\/p>\n<table>\n<tbody>\n<tr style=\"border: 1px solid #cccccc;\">\n<td style=\"padding-left: 5px;\">\n<p><strong>Open a trend with tags<\/strong><\/p>\n<p>This example applies when you want to specify one or more tags to open in a new trend.\u00a0<\/p>\n<p>Note: Tag names must be enclosed in curly brackets e.g. {tagname}<\/p>\n<p class=\"code-fragment\">Target variables used: tags<\/p>\n<\/td>\n<td><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/link-trend-tags.png\" rel=\"lightbox-17\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-27604\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/link-trend-tags.png\" alt=\"\" width=\"311\" height=\"242\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/link-trend-tags.png 311w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/link-trend-tags-150x117.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/link-trend-tags-24x19.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/link-trend-tags-36x28.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/link-trend-tags-48x37.png 48w\" sizes=\"auto, (max-width: 311px) 100vw, 311px\" \/><\/a><\/td>\n<\/tr>\n<tr style=\"border: 1px solid #cccccc;\">\n<td style=\"padding-left: 5px;\">\n<p><strong>Open a trend with an attribute<\/strong><\/p>\n<p>This example applies when you want to specify an\u00a0attribute to open in a new trend. This will also work if you want to specify multiple entities with the same same attribute, or a single entity with multiple attributes.<\/p>\n<p class=\"code-fragment\">Target variables used: selectedEntities, templates, attributes, attributeValues<\/p>\n<p>Notes:<\/p>\n<ul>\n<li>When mapping an attribute, you need to specify the entity, template, attribute, and attribute value variables.\u00a0These variables are all designed to be used together. The mapping\u00a0won't work if these variables are used in isolation.<\/li>\n<li>It is possible to omit <em>attributeValues<\/em>. In this case,\u00a0the default value of the attribute will be used.<\/li>\n<\/ul>\n<\/td>\n<td>\u00a0<a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-trend-ex-attribute.png\" rel=\"lightbox-18\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-27623\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-trend-ex-attribute.png\" alt=\"\" width=\"308\" height=\"435\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-trend-ex-attribute.png 308w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-trend-ex-attribute-106x150.png 106w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-trend-ex-attribute-17x24.png 17w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-trend-ex-attribute-25x36.png 25w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-trend-ex-attribute-34x48.png 34w\" sizes=\"auto, (max-width: 308px) 100vw, 308px\" \/><\/a><\/td>\n<\/tr>\n<tr style=\"border: 1px solid #cccccc;\">\n<td style=\"padding-left: 5px;\">\n<p><strong>Open a trend with multiple\u00a0attributes<\/strong><\/p>\n<p>This example applies when you want to open multiple entities with more than one attribute\u00a0in a new trend. To do this, you need to specify them as a list of tags with fully qualified names, enclosed in curly brackets. E.g. {Archer[Oil Producing Well]:Choke!Outlet Pressure}<\/p>\n<p class=\"code-fragment\">Target variables used: tags<\/p>\n<\/td>\n<td>\u00a0<a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-trend-ex-attributes.png\" rel=\"lightbox-19\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-27624\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-trend-ex-attributes.png\" alt=\"\" width=\"306\" height=\"235\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-trend-ex-attributes.png 306w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-trend-ex-attributes-150x115.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-trend-ex-attributes-24x18.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-trend-ex-attributes-36x28.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-trend-ex-attributes-48x37.png 48w\" sizes=\"auto, (max-width: 306px) 100vw, 306px\" \/><\/a><\/td>\n<\/tr>\n<tr style=\"border: 1px solid #cccccc;\">\n<td style=\"padding-left: 5px;\">\n<p>\u00a0<strong>Open a trend with specific start and end times<\/strong><\/p>\n<p>This example shows how to specify the start and end times on the trend, using a date\/time picker.<\/p>\n<p>Note: Specifying a start and end time is incompatible with <em>isNow<\/em>, <em>duration<\/em>, and <em>refreshRate<\/em> variables.<\/p>\n<p class=\"code-fragment\">Target variables used: startTime, endTime<\/p>\n<\/td>\n<td>\u00a0<a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-trend-exdate1.png\" rel=\"lightbox-20\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-27609\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-trend-exdate1.png\" alt=\"\" width=\"309\" height=\"181\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-trend-exdate1.png 309w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-trend-exdate1-150x88.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-trend-exdate1-24x14.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-trend-exdate1-36x21.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-trend-exdate1-48x28.png 48w\" sizes=\"auto, (max-width: 309px) 100vw, 309px\" \/><\/a><\/td>\n<\/tr>\n<tr style=\"border: 1px solid #cccccc;\">\n<td style=\"padding-left: 5px;\">\u00a0<strong>Open a trend with specific start and end times<\/strong><\/p>\n<p>This example shows how to specify the start and end times on the trend, using the friendly text format.<\/p>\n<p class=\"code-fragment\">Target variables used: startTime, endTime<\/p>\n<p>Note: These variables are incompatible with <em>isNow, duration<\/em>, and <i>refreshRate<\/i>\u00a0variables.<\/p>\n<\/td>\n<td>\u00a0<a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-trend-exdate2.png\" rel=\"lightbox-21\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-27610\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-trend-exdate2.png\" alt=\"\" width=\"307\" height=\"186\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-trend-exdate2.png 307w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-trend-exdate2-150x91.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-trend-exdate2-24x15.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-trend-exdate2-36x22.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-trend-exdate2-48x29.png 48w\" sizes=\"auto, (max-width: 307px) 100vw, 307px\" \/><\/a><\/td>\n<\/tr>\n<tr style=\"border: 1px solid #cccccc;\">\n<td style=\"padding-left: 5px;\">\n<p>\u00a0<strong>Open a trend using a specific refresh rate<\/strong><\/p>\n<p>This example shows how to set the end time time of the traces to the current time, with a specified duration and refresh rate.<\/p>\n<p>Note: These variables are incompatible with <em>startTime<\/em> and <em>endTime<\/em> variables.<\/p>\n<p class=\"code-fragment\">Target variables used: isNow,\u00a0duration, refreshRate<\/p>\n<p>Note: For the <em>isNow<\/em> variable, you can use a variable type of either <em>Yes\/No<\/em> or <em>Text<\/em>. If using Text, specify <em>True<\/em> or <em>False<\/em>.<\/p>\n<\/td>\n<td>\u00a0<a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-trend-ex-duration.png\" rel=\"lightbox-22\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-27612\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-trend-ex-duration.png\" alt=\"\" width=\"302\" height=\"258\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-trend-ex-duration.png 302w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-trend-ex-duration-150x128.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-trend-ex-duration-24x21.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-trend-ex-duration-36x31.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-trend-ex-duration-48x41.png 48w\" sizes=\"auto, (max-width: 302px) 100vw, 302px\" \/><\/a><\/td>\n<\/tr>\n<tr style=\"border: 1px solid #cccccc;\">\n<td style=\"padding-left: 5px;\">\n<p><strong>Open a trend using a specific\u00a0sampling parameters\u00a0and options<\/strong><\/p>\n<p>This example shows how to set the sampling parameters and other options for the trend.<\/p>\n<p class=\"code-fragment\">Target variables used: sampleMethod, sampleInterval,\u00a0scaleType, hairlineMode<\/p>\n<\/td>\n<td>\u00a0<a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-trend-ex-sampling.png\" rel=\"lightbox-23\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-27614\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-trend-ex-sampling.png\" alt=\"\" width=\"310\" height=\"331\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-trend-ex-sampling.png 310w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-trend-ex-sampling-140x150.png 140w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-trend-ex-sampling-22x24.png 22w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-trend-ex-sampling-34x36.png 34w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-trend-ex-sampling-45x48.png 45w\" sizes=\"auto, (max-width: 310px) 100vw, 310px\" \/><\/a><\/td>\n<\/tr>\n<tr style=\"border: 1px solid #cccccc;\">\n<td style=\"padding-left: 5px;\">\n<p><strong>Open a trend with hidden controls<\/strong><\/p>\n<p>This example shows how to hide the controls and certain sections of\u00a0the trend.<\/p>\n<p class=\"code-fragment\">Target variables used: showControls, showRangeSelector, showTraceTable<\/p>\n<p>Note: For these variables, you can use a variable type of either <em>Yes\/No<\/em> or <em>Text<\/em>. If using Text, specify <em>True<\/em> or <em>False<\/em>.<\/p>\n<\/td>\n<td>\u00a0<a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-trend-ex-controls.png\" rel=\"lightbox-24\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-27615\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-trend-ex-controls.png\" alt=\"\" width=\"304\" height=\"259\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-trend-ex-controls.png 304w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-trend-ex-controls-150x128.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-trend-ex-controls-24x20.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-trend-ex-controls-36x31.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-trend-ex-controls-48x41.png 48w\" sizes=\"auto, (max-width: 304px) 100vw, 304px\" \/><\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3>\n Page Variable Examples<\/h3>\n<p class=\"intro-text\">Unlike trends, variables on pages are up to the page designer to define. However, some variables are supplied by the system as defaults. The variable mapping in the following examples use system default variables, and can be used for both new and existing pages.\u00a0<\/p>\n<p class=\"left-bar\">Read more:\u00a0<a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-integration\/link-to-a-frameless-explorer-page\/#Variable_Parameters\">Default &amp; common page variables<\/a>, <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/default-value\/\">Default Values<\/a>,\u00a0 <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-primers\/variables\/\">Variables<\/a><\/p>\n<table>\n<tbody>\n<tr style=\"border: 1px solid #cccccc;\">\n<td style=\"padding-left: 5px;\">\n<p><strong>Open a page with a specific tag<\/strong><\/p>\n<p>This example applies when you want to specify a tag in the\u00a0Data Selector for a component. This example will only work if you set the Data Selector to use the tag variable <em>tag<\/em>. You can also use this method to pass in an attribute value, however the attribute must be specified using the fully qualified name (e.g.\u00a0<em>Archer[Oil Producing Well]:Choke!Outlet Pressure<\/em>).\u00a0<\/p>\n<p>Note: In this usage example, the tag name must <em>not<\/em> be enclosed in curly brackets.<\/p>\n<p>&nbsp;<\/p>\n<\/td>\n<td>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-tag1.png\" rel=\"lightbox-25\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-27642\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-tag1.png\" alt=\"\" width=\"328\" height=\"322\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-tag1.png 328w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-tag1-150x147.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-tag1-24x24.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-tag1-36x36.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-tag1-48x48.png 48w\" sizes=\"auto, (max-width: 328px) 100vw, 328px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-tag2.png\" rel=\"lightbox-26\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-27643\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-tag2.png\" alt=\"\" width=\"301\" height=\"109\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-tag2.png 301w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-tag2-150x54.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-tag2-24x9.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-tag2-36x13.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-tag2-48x17.png 48w\" sizes=\"auto, (max-width: 301px) 100vw, 301px\" \/><\/a><\/p>\n<\/td>\n<\/tr>\n<tr style=\"border: 1px solid #cccccc;\">\n<td style=\"padding-left: 5px;\">\n<p><strong>Open a page with a specific attribute<\/strong><\/p>\n<p>This example applies when you want to specify\u00a0an\u00a0attribute in the\u00a0Data Selector for a component. To do this, you need to add variables for the entity, template, attribute, and attribute value.<\/p>\n<p>Note: For selectedEntity, you can use a variable type of either <em>Entity\u00a0<\/em>or <em>Text<\/em>.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-attr3.png\" rel=\"lightbox-27\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-27647 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-attr3.png\" alt=\"\" width=\"330\" height=\"234\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-attr3.png 330w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-attr3-150x106.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-attr3-24x17.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-attr3-36x26.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-attr3-48x34.png 48w\" sizes=\"auto, (max-width: 330px) 100vw, 330px\" \/><\/a><\/p>\n<\/td>\n<td>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-attr1.png\" rel=\"lightbox-28\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-27644\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-attr1.png\" alt=\"\" width=\"303\" height=\"331\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-attr1.png 303w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-attr1-137x150.png 137w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-attr1-22x24.png 22w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-attr1-33x36.png 33w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-attr1-44x48.png 44w\" sizes=\"auto, (max-width: 303px) 100vw, 303px\" \/><\/a><\/p>\n<\/td>\n<\/tr>\n<tr style=\"border: 1px solid #cccccc;\">\n<td style=\"padding-left: 5px;\">\n<p>\u00a0<strong>Open a page with specific start and end times<\/strong><\/p>\n<p>This example shows how to specify the start and end times on a page. You can see this in action when you have a page with a Date Picker, Date\/Time Picker, or Date\/Time Range Picker, and on the Default Values page.<\/p>\n<ul>\n<li>Date Picker: shows the <em>startTime<\/em><\/li>\n<li>Date\/Time Picker: shows the <em>endTime<\/em><\/li>\n<li>Date\/Time Range Picker: shows both <em>startTime<\/em> and <em>endTime<\/em><\/li>\n<\/ul>\n<p>Note: Specifying a start and end time is incompatible with the\u00a0<em>isNow <\/em>variable.<\/p>\n<p class=\"code-fragment\">Target variables used: startTime, endTime<\/p>\n<\/td>\n<td><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-trend-exdate1.png\" rel=\"lightbox-20\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-27609\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-trend-exdate1.png\" alt=\"\" width=\"309\" height=\"181\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-trend-exdate1.png 309w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-trend-exdate1-150x88.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-trend-exdate1-24x14.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-trend-exdate1-36x21.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-trend-exdate1-48x28.png 48w\" sizes=\"auto, (max-width: 309px) 100vw, 309px\" \/><\/a><\/td>\n<\/tr>\n<tr style=\"border: 1px solid #cccccc;\">\n<td style=\"padding-left: 5px;\">\n<p><strong>Open a page with end time set to the current time<\/strong><\/p>\n<p>There are two ways to do this: you can use either the <em>isNow<\/em> variable or the\u00a0<em>endTime<\/em> variable with\u00a0friendly text format.<\/p>\n<p class=\"code-fragment\">Target variables used: isNow, endTime<\/p>\n<p>Notes:<\/p>\n<ul>\n<li>For the <em>isNow<\/em> variable, you can use a variable type of either <em>Yes\/No<\/em> or <em>Text<\/em>. If using Text, specify <em>True<\/em> or <em>False<\/em>.<\/li>\n<li>Specifying a start and end time is incompatible with the\u00a0<em>isNow <\/em>variable.<\/li>\n<\/ul>\n<\/td>\n<td>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-isnow.png\" rel=\"lightbox-30\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-27630\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-isnow.png\" alt=\"\" width=\"303\" height=\"108\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-isnow.png 303w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-isnow-150x53.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-isnow-24x9.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-isnow-36x13.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-isnow-48x17.png 48w\" sizes=\"auto, (max-width: 303px) 100vw, 303px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-endtime-now.png\" rel=\"lightbox-31\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-27629\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-endtime-now.png\" alt=\"\" width=\"307\" height=\"111\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-endtime-now.png 307w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-endtime-now-150x54.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-endtime-now-24x9.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-endtime-now-36x13.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-endtime-now-48x17.png 48w\" sizes=\"auto, (max-width: 307px) 100vw, 307px\" \/><\/a><\/p>\n<\/td>\n<\/tr>\n<tr style=\"border: 1px solid #cccccc;\">\n<td style=\"padding-left: 5px;\">\n<p><strong>Open a page using a specific\u00a0sampling parameters<\/strong><\/p>\n<p>This example shows how to set the sampling parameters on a linked page.\u00a0<\/p>\n<p class=\"code-fragment\">Target variables used: pageSampleMethod, pageSampleInterval, confidenceThreshold<\/p>\n<\/td>\n<td><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-sampling.png\" rel=\"lightbox-32\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-27631\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-sampling.png\" alt=\"\" width=\"310\" height=\"261\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-sampling.png 310w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-sampling-150x126.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-sampling-24x20.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-sampling-36x30.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-sampling-48x40.png 48w\" sizes=\"auto, (max-width: 310px) 100vw, 310px\" \/><\/a><\/td>\n<\/tr>\n<tr style=\"border: 1px solid #cccccc;\">\n<td style=\"padding-left: 5px;\">\n<p><strong>Open a page with specific paging\u00a0controls<\/strong><\/p>\n<p>This example shows how to change the defaults when opening a linked page with a paged table.<\/p>\n<p class=\"code-fragment\">Target variables used: pageNumber, pageSize<\/p>\n<\/td>\n<td><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-paging.png\" rel=\"lightbox-33\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-27633\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-paging.png\" alt=\"\" width=\"302\" height=\"183\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-paging.png 302w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-paging-150x91.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-paging-24x15.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-paging-36x22.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-paging-48x29.png 48w\" sizes=\"auto, (max-width: 302px) 100vw, 302px\" \/><\/a><\/td>\n<\/tr>\n<tr style=\"border: 1px solid #cccccc;\">\n<td style=\"padding-left: 5px;\">\n<p><strong>Open a page with a specific month and year in a Month Picker<\/strong><\/p>\n<p>This example shows how to specify the selected month and year for the Month Picker component, when opening a page from a link.\u00a0This assumes that the default <em>selectedMonth <\/em>and<em> selectedYear\u00a0<\/em>variables are used.<\/p>\n<p class=\"code-fragment\">Target variables used: selectedMonth, selectedYear<\/p>\n<\/td>\n<td><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-monthyear.png\" rel=\"lightbox-34\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-27632\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-monthyear.png\" alt=\"\" width=\"305\" height=\"184\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-monthyear.png 305w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-monthyear-150x90.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-monthyear-24x14.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-monthyear-36x22.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-monthyear-48x29.png 48w\" sizes=\"auto, (max-width: 305px) 100vw, 305px\" \/><\/a><\/td>\n<\/tr>\n<tr style=\"border: 1px solid #cccccc;\">\n<td style=\"padding-left: 5px;\">\n<p><strong>Open a page with a specific duration set in a Duration Picker<\/strong><\/p>\n<p>This example shows how to specify the duration for a Duration Picker, when opening a page from a link.\u00a0This assumes that the default <em>duration\u00a0<\/em>variable is used.<\/p>\n<p class=\"code-fragment\">Target variables used:\u00a0duration<\/p>\n<\/td>\n<td><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-duration.png\" rel=\"lightbox-35\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-27649\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-duration.png\" alt=\"\" width=\"301\" height=\"109\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-duration.png 301w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-duration-150x54.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-duration-24x9.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-duration-36x13.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-duration-48x17.png 48w\" sizes=\"auto, (max-width: 301px) 100vw, 301px\" \/><\/a><\/td>\n<\/tr>\n<tr style=\"border: 1px solid #cccccc;\">\n<td style=\"padding-left: 5px;\">\n<p><strong>Open a page with a specific hierarchy and entity set in a Breadcrumb<\/strong><\/p>\n<p>This example shows how to specify the hierarchy and entity in a Breadcrumb, when opening a page from a link.\u00a0This assumes that the default <em>selectedHierarchy<\/em> and\u00a0<em>selectedEntity<\/em>\u00a0variables are used.\u00a0<\/p>\n<p class=\"code-fragment\">Target variables used: selectedHierarchy, selectedEntity\u00a0<\/p>\n<p>Note: For selectedEntity, you can use a variable type of either <em>Entity\u00a0<\/em>or <em>Text<\/em>.<\/p>\n<\/td>\n<td><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-entity.png\" rel=\"lightbox-36\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-27634\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-entity.png\" alt=\"\" width=\"302\" height=\"181\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-entity.png 302w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-entity-150x90.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-entity-24x14.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-entity-36x22.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-entity-48x29.png 48w\" sizes=\"auto, (max-width: 302px) 100vw, 302px\" \/><\/a><\/td>\n<\/tr>\n<tr style=\"border: 1px solid #cccccc;\">\n<td style=\"padding-left: 5px;\">\n<p><strong>Open a page with specific entities set in an Entity Selector<\/strong><\/p>\n<p>This example shows how to specify the entities in an Entity Selector or Hierarchy, when opening a page from a link.\u00a0This assumes that the default <em>selectedEntities<\/em>\u00a0variable is used.<\/p>\n<p class=\"code-fragment\">Target variables used: selectedEntities<\/p>\n<p>Note: For selectedEntities, you can use a variable type of either <em>Entities\u00a0<\/em>or <em>List<\/em>.<\/p>\n<\/td>\n<td><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-entities.png\" rel=\"lightbox-37\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-27639\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-entities.png\" alt=\"\" width=\"304\" height=\"162\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-entities.png 304w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-entities-150x80.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-entities-24x13.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-entities-36x19.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-entities-48x26.png 48w\" sizes=\"auto, (max-width: 304px) 100vw, 304px\" \/><\/a><\/td>\n<\/tr>\n<tr style=\"border: 1px solid #cccccc;\">\n<td style=\"padding-left: 5px;\">\n<p><strong>Open a page with a specific option set in a Combo Box<\/strong><\/p>\n<p>This example shows how to set the initial selection in a Combo Box, Option Links, or Selection List when opening a page from a link.\u00a0This assumes that the default <em>selectedOption<\/em>\u00a0variable is used.<\/p>\n<p class=\"code-fragment\">Target variables used: selectedOption<\/p>\n<\/td>\n<td><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-option.png\" rel=\"lightbox-38\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-27636\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-option.png\" alt=\"\" width=\"302\" height=\"109\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-option.png 302w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-option-150x54.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-option-24x9.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-option-36x13.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-option-48x17.png 48w\" sizes=\"auto, (max-width: 302px) 100vw, 302px\" \/><\/a><\/td>\n<\/tr>\n<tr style=\"border: 1px solid #cccccc;\">\n<td style=\"padding-left: 5px;\">\n<p><strong>Open a page with specific options set in a Selection List<\/strong><\/p>\n<p>This example shows how to set the initial options in a Selection List when opening a page from a link. This assumes that the default <em>selectedOptions<\/em> variable is used.<\/p>\n<p class=\"code-fragment\">Target variables used: selectedOptions<\/p>\n<\/td>\n<td><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-options.png\" rel=\"lightbox-39\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-27635\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-options.png\" alt=\"\" width=\"306\" height=\"135\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-options.png 306w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-options-150x66.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-options-24x11.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-options-36x16.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-page-options-48x21.png 48w\" sizes=\"auto, (max-width: 306px) 100vw, 306px\" \/><\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3>\n URL Variable Examples<\/h3>\n<p class=\"intro-text\">In order to successfully pass variables to the URL of an external web page, you must understand the structure of the target URL's query parameters.\u00a0<\/p>\n<p class=\"intro-text\">For example, to search the Duck Duck Go search engine for videos of\u00a0Australia, the URL would look like this:<\/p>\n<p class=\"code-fragment\">https:\/\/duckduckgo.com\/?q=australia&ia=videos<\/p>\n<p class=\"intro-text\">Where the parameter <em><strong>q<\/strong><\/em> indicates the search term, and <em><strong>ia<\/strong><\/em> indicates type of search. The resulting variable mapping would look like this:<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-url-duck.png\" rel=\"lightbox-40\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-27587\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-url-duck.png\" alt=\"\" width=\"330\" height=\"368\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-url-duck.png 330w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-url-duck-135x150.png 135w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-url-duck-22x24.png 22w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-url-duck-32x36.png 32w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/05\/variable-mapping-url-duck-43x48.png 43w\" sizes=\"auto, (max-width: 330px) 100vw, 330px\" \/><\/a><\/p>\n<hr \/>\n<h2 class=\"page-subheading\">Release History<\/h2>\n<ul class=\"intro-text\">\n<li class=\"overview\">Link Action and Variable Mapping 4.5.4 (this release)\n<ul class=\"overview\">\n<li>Tab Action 'New Browser Tab' is now available for all Link Action Types<\/li>\n<li>Whenever HTTP content is accessed from an HTTPS instance of Explorer, a New Browser tab opens, regardless of the Tab Type specified in the Link Action editor<\/li>\n<\/ul>\n<\/li>\n<li><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/link-action-and-variable-mapping\/link-action-and-variable-mapping-4-5-0\/\">Link Action and Variable Mapping 4.5.0<\/a>\n<ul class=\"intro-text\">\n<li>Initial release<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Variable Mapping is used in some components to pass variables from the current Explorer page, to a linked page, trend or URL. This feature is available for Hyperlinks, Hotspots, Status Tiles, and Bar Charts. Variable mapping is enabled once you have selected the type of link action you want to perform. Read more about how to configure links and map variables in 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\/link-action-and-variable-mapping\/link-action-and-variable-mapping-4-5-4\/\">Read more<i class=\"crycon-right-dir\"><\/i><\/a><\/p>\n","protected":false},"author":1,"featured_media":27512,"parent":41727,"menu_order":1,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":"","_members_access_role":[],"_members_access_error":""},"categories":[4],"tags":[437],"class_list":["post-27511","page","type-page","status-publish","has-post-thumbnail","hentry","category-explainer","tag-variables","Version-4-5-4","Product-ex"],"_links":{"self":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/27511","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=27511"}],"version-history":[{"count":0,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/27511\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/41727"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/media\/27512"}],"wp:attachment":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/media?parent=27511"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/categories?post=27511"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/tags?post=27511"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}