{"id":1407,"date":"2018-05-17T16:05:35","date_gmt":"2018-05-17T08:05:35","guid":{"rendered":"http:\/\/localhost\/help\/?page_id=1407"},"modified":"2026-06-04T16:57:17","modified_gmt":"2026-06-04T08:57:17","slug":"controls","status":"publish","type":"page","link":"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/","title":{"rendered":"Components"},"content":{"rendered":"<p class=\"intro-text\">The components in Explorer Studio are organised into logical groups, to make them easy to find. <strong>Jump to<\/strong> one of the component groups below:<\/p>\n<div id=\"button-div\"><a href=\"#chart\"><button class=\"button\">Charts<\/button><\/a> <a href=\"#display\"><button class=\"button\">Displays<\/button><\/a> <a href=\"#table\"><button class=\"button\">Tables<\/button><\/a> <a href=\"#time\"><button class=\"button\">Time<\/button><\/a> <a href=\"#control\"><button class=\"button\">Controls<\/button><\/a> <a href=\"#hierarchy\"><button class=\"button\">Hierarchies<\/button><\/a> <a href=\"#layout\"><button class=\"button\">Layouts<\/button><\/a><a href=\"#Shift Log\"><button class=\"button\">Shift Log<\/button><\/a><\/div>\n<p><!----------- CHARTS ---------><\/p>\n<h6 class=\"page-subheading2\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1837\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/chartsicon_sm.png\" alt=\"chartsicon_sm\" width=\"22\" height=\"17\" \/> Charts<\/h6>\n<div class=\"comp-list\">\n<div class=\"component-wide\">\n<div class=\"comp-header\">\n<p class=\"comp-heading-text\">Bullet Graph<\/p>\n<\/div>\n<div class=\"comp-icon\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13168\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/bulletgraphicon1.png\" alt=\"bulletgraphicon1\" width=\"59\" height=\"34\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/bulletgraphicon1.png 59w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/bulletgraphicon1-24x14.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/bulletgraphicon1-36x21.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/bulletgraphicon1-48x28.png 48w\" sizes=\"auto, (max-width: 59px) 100vw, 59px\" \/><\/div>\n<div class=\"comp-text\">\n<p>A horizontal bar chart that allows users to compare two values in relation to one another.<\/p>\n<\/div>\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/bullet-graph\/\">CLICK FOR TUTORIAL<\/a><\/div>\n<\/div>\n<div class=\"component-wide\">\n<div class=\"comp-header\">\n<p class=\"comp-heading-text\">Chart<\/p>\n<\/div>\n<div class=\"comp-icon\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1836\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/charticon.png\" alt=\"charticon\" width=\"46\" height=\"35\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/charticon.png 46w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/charticon-24x18.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/charticon-36x27.png 36w\" sizes=\"auto, (max-width: 46px) 100vw, 46px\" \/><\/div>\n<div class=\"comp-text\">\n<p>A graphical representation of data, including area charts, bar charts, line charts, and scatter charts.<\/p>\n<\/div>\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/charts\/\">CLICK FOR TUTORIAL<\/a><\/div>\n<\/div>\n<div class=\"component-wide\">\n<div class=\"comp-header\">\n<p class=\"comp-heading-text\">Pie Chart<\/p>\n<\/div>\n<div class=\"comp-icon\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1857\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/piecharticon.png\" alt=\"piecharticon\" width=\"40\" height=\"38\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/piecharticon.png 40w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/piecharticon-24x24.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/piecharticon-36x34.png 36w\" sizes=\"auto, (max-width: 40px) 100vw, 40px\" \/><\/div>\n<div class=\"comp-text\">\n<p>A circular shape divided into coloured sectors that each represent a proportion of the whole.<\/p>\n<\/div>\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/pie-chart\/\">CLICK FOR TUTORIAL<\/a><\/div>\n<\/div>\n<div class=\"component-wide\">\n<div class=\"comp-header\">\n<p class=\"comp-heading-text\">Treemap<\/p>\n<\/div>\n<div class=\"comp-icon\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/treemap-icon.png\" rel=\"lightbox-0\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-22083\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/treemap-icon.png\" alt=\"treemap-icon\" width=\"38\" height=\"38\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/treemap-icon.png 38w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/treemap-icon-24x24.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/treemap-icon-36x36.png 36w\" sizes=\"auto, (max-width: 38px) 100vw, 38px\" \/><\/a><\/div>\n<div class=\"comp-text\">\n<p>Shows relative values of numeric data as regions of proportional area, with an additional dimension represented as their colour.<\/p>\n<\/div>\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/treemap\/\">CLICK FOR TUTORIAL<\/a><\/div>\n<\/div>\n<div class=\"component-wide\">\n<div class=\"comp-header\">\n<p class=\"comp-heading-text\">Embedded Trend<\/p>\n<\/div>\n<div class=\"comp-icon\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1836\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/charticon.png\" alt=\"charticon\" width=\"46\" height=\"35\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/charticon.png 46w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/charticon-24x18.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/charticon-36x27.png 36w\" sizes=\"auto, (max-width: 46px) 100vw, 46px\" \/><\/div>\n<div class=\"comp-text\">\n<p>Embed a smaller version of a trend within an Explorer page.<\/p>\n<\/div>\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/embedded-trend\/\">CLICK FOR TUTORIAL<\/a><\/div>\n<\/div>\n<div class=\"component-wide\">\n<div class=\"comp-header\">\n<p class=\"comp-heading-text\">Performance Curve<\/p>\n<\/div>\n<div class=\"comp-icon\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-25915 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/04\/Performance-Curve-Icon.png\" alt=\"\" width=\"58\" height=\"42\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/04\/Performance-Curve-Icon.png 58w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/04\/Performance-Curve-Icon-24x17.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/04\/Performance-Curve-Icon-36x26.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/04\/Performance-Curve-Icon-48x35.png 48w\" sizes=\"auto, (max-width: 58px) 100vw, 58px\" \/><\/div>\n<div class=\"comp-text\">\n<p>Analyse the performance effects of process changes or equipment efficiencies (such as the performance of pumps).<\/p>\n<\/div>\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/performance-curve\/\">CLICK FOR TUTORIAL<\/a><\/div>\n<\/div>\n<div class=\"component-wide\">\n<div class=\"comp-header\">\n<p class=\"comp-heading-text\">Histogram<\/p>\n<\/div>\n<div class=\"comp-icon\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-50742\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2021\/06\/Snag_39ae2935-600x388.png\" alt=\"\" width=\"59\" height=\"38\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2021\/06\/Snag_39ae2935-600x388.png 600w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2021\/06\/Snag_39ae2935-150x97.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2021\/06\/Snag_39ae2935-48x31.png 48w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2021\/06\/Snag_39ae2935.png 748w\" sizes=\"auto, (max-width: 59px) 100vw, 59px\" \/><\/div>\n<div class=\"comp-text\">\n<p>A graphical representation of groups of data.<\/p>\n<\/div>\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/histogram\/\">CLICK FOR TUTORIAL<\/a><\/div>\n<\/div>\n<\/div>\n<p class=\"clear\">\u00a0<\/p>\n<p><!----------- DISPLAY ---------><\/p>\n<h4 id=\"display\" class=\"page-subheading2\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1844\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/display.png\" alt=\"display\" width=\"22\" height=\"13\" \/> Displays<\/h4>\n<div class=\"comp-list\">\n<div class=\"component-wide\">\n<div class=\"comp-header\">\n<p class=\"comp-heading-text\">Box Plot<\/p>\n<\/div>\n<div class=\"comp-icon\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-21410 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/10\/Box-Plot-Icon-1.png\" width=\"38\" height=\"43\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/10\/Box-Plot-Icon-1.png 38w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/10\/Box-Plot-Icon-1-21x24.png 21w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/10\/Box-Plot-Icon-1-32x36.png 32w\" sizes=\"auto, (max-width: 38px) 100vw, 38px\" \/><\/div>\n<div class=\"comp-text\">\n<p>Show the distribution of a set of data, using a Median and Quartiles.<\/p>\n<\/div>\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/box-plot\/\">CLICK FOR TUTORIAL<\/a><\/div>\n<\/div>\n<div class=\"component-wide\">\n<div class=\"comp-header\">\n<p class=\"comp-heading-text\">Comments<\/p>\n<\/div>\n<div class=\"comp-icon\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13120\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/commentsicon.png\" alt=\"commentsicon\" width=\"42\" height=\"34\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/commentsicon.png 42w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/commentsicon-24x19.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/commentsicon-36x29.png 36w\" sizes=\"auto, (max-width: 42px) 100vw, 42px\" \/><\/div>\n<div class=\"comp-text\">\n<p>Allows users to view and edit comments for an entity.<\/p>\n<\/div>\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/comments\/\">CLICK FOR TUTORIAL<\/a><\/div>\n<\/div>\n<div class=\"component-wide\">\n<div class=\"comp-header\">\n<p class=\"comp-heading-text\">Comments Button<\/p>\n<\/div>\n<div class=\"comp-icon\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13124\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/commentsbuttonicon.png\" alt=\"commentsbuttonicon\" width=\"42\" height=\"37\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/commentsbuttonicon.png 42w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/commentsbuttonicon-24x21.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/commentsbuttonicon-36x32.png 36w\" sizes=\"auto, (max-width: 42px) 100vw, 42px\" \/><\/div>\n<div class=\"comp-text\">\n<p>Displays a small icon which, when clicked, opens a list of comments in the Explore panel. User can enter and view comments relating to the component's configured data.<\/p>\n<\/div>\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/comments-button\/\">CLICK FOR TUTORIAL<\/a><\/div>\n<\/div>\n<div class=\"component-wide\">\n<div class=\"comp-header\">\n<p class=\"comp-heading-text\">Data Label<\/p>\n<\/div>\n<div class=\"comp-icon\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13126\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/datalabelicon.png\" alt=\"datalabelicon\" width=\"38\" height=\"39\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/datalabelicon.png 38w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/datalabelicon-24x24.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/datalabelicon-36x36.png 36w\" sizes=\"auto, (max-width: 38px) 100vw, 38px\" \/><\/div>\n<div class=\"comp-text\">\n<p>Displays time-aware tag and attribute values on Explorer pages.<\/p>\n<\/div>\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/data-label\/\">CLICK FOR TUTORIAL<\/a><\/div>\n<\/div>\n<div class=\"component-wide\">\n<div class=\"comp-header\">\n<p class=\"comp-heading-text\">Embed Page<\/p>\n<\/div>\n<div class=\"comp-icon\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1845\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/embedpage1.png\" alt=\"embedpage\" width=\"44\" height=\"39\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/embedpage1.png 44w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/embedpage1-24x21.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/embedpage1-36x32.png 36w\" sizes=\"auto, (max-width: 44px) 100vw, 44px\" \/><\/div>\n<div class=\"comp-text\">\n<p>Allows you to insert another page into an Explorer page.<\/p>\n<\/div>\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/embed-page\/\">CLICK FOR TUTORIAL<\/a><\/div>\n<\/div>\n<div class=\"component-wide\">\n<div class=\"comp-header\">\n<p class=\"comp-heading-text\">Gauge<\/p>\n<\/div>\n<div class=\"comp-icon\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1854\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/metericon.png\" alt=\"metericon\" width=\"42\" height=\"32\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/metericon.png 42w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/metericon-24x18.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/metericon-36x27.png 36w\" sizes=\"auto, (max-width: 42px) 100vw, 42px\" \/><\/div>\n<div class=\"comp-text\">\n<p>Shows a numeric value as a needle in relation to target areas. Its appearance changes when limits\/alarm thresholds are exceeded.<\/p>\n<\/div>\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/gauge\/\">CLICK FOR TUTORIAL<\/a><\/div>\n<\/div>\n<div class=\"component-wide\">\n<div class=\"comp-header\">\n<p class=\"comp-heading-text\">Hyperlink<\/p>\n<\/div>\n<div class=\"comp-icon\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13128\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/hyperlinkicon.png\" alt=\"hyperlinkicon\" width=\"40\" height=\"41\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/hyperlinkicon.png 40w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/hyperlinkicon-24x24.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/hyperlinkicon-36x36.png 36w\" sizes=\"auto, (max-width: 40px) 100vw, 40px\" \/><\/div>\n<div class=\"comp-text\">\n<p>Allows a user to open an Explorer page or trend, or an external URL.<\/p>\n<\/div>\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/hyperlink\/\">CLICK FOR TUTORIAL<\/a><\/div>\n<\/div>\n<div class=\"component-wide\">\n<div class=\"comp-header\">\n<p class=\"comp-heading-text\">Image<\/p>\n<\/div>\n<div class=\"comp-icon\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2747\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/imageicon.png\" alt=\"imageicon\" width=\"34\" height=\"40\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/imageicon.png 34w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/imageicon-20x24.png 20w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/imageicon-31x36.png 31w\" sizes=\"auto, (max-width: 34px) 100vw, 34px\" \/><\/div>\n<div class=\"comp-text\">\n<p>Displays an image on an Explorer page.<\/p>\n<\/div>\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/image\/\">CLICK FOR TUTORIAL<\/a><\/div>\n<\/div>\n<div class=\"component-wide\">\n<div class=\"comp-header\">\n<p class=\"comp-heading-text\">Info Button<\/p>\n<\/div>\n<div class=\"comp-icon\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-39035 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Info-Button-icon.png\" alt=\"\" width=\"36\" height=\"40\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Info-Button-icon.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Info-Button-icon-22x24.png 22w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Info-Button-icon-32x36.png 32w\" sizes=\"auto, (max-width: 36px) 100vw, 36px\" \/><\/div>\n<div class=\"comp-text\">\n<p>A user can click this button to add Knowledge Management for an associated area of the page.<\/p>\n<\/div>\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/info-button\/\">CLICK FOR TUTORIAL<\/a><\/div>\n<\/div>\n<div class=\"component-wide\">\n<div class=\"comp-header\">\n<p class=\"comp-heading-text\">Level Meter<\/p>\n<\/div>\n<div class=\"comp-icon\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13131\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/levelmetericon.png\" alt=\"levelmetericon\" width=\"34\" height=\"39\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/levelmetericon.png 34w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/levelmetericon-21x24.png 21w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/levelmetericon-31x36.png 31w\" sizes=\"auto, (max-width: 34px) 100vw, 34px\" \/><\/div>\n<div class=\"comp-text\">\n<p>Provides a way of viewing a single point of numeric data with configurable alarm thresholds.<\/p>\n<\/div>\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/level-meter\/\">CLICK FOR TUTORIAL<\/a><\/div>\n<\/div>\n<div class=\"component-wide\">\n<div class=\"comp-header\">\n<p class=\"comp-heading-text\">Meter<\/p>\n<\/div>\n<div class=\"comp-icon\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1854\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/metericon.png\" alt=\"metericon\" width=\"42\" height=\"32\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/metericon.png 42w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/metericon-24x18.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/metericon-36x27.png 36w\" sizes=\"auto, (max-width: 42px) 100vw, 42px\" \/><\/div>\n<div class=\"comp-text\">\n<p>Displays a numeric value in the form of a needle in relation of a range of targets.<\/p>\n<\/div>\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/meter\/\">CLICK FOR TUTORIAL<\/a><\/div>\n<\/div>\n<div class=\"component-wide\">\n<div class=\"comp-header\">\n<p class=\"comp-heading-text\">Pressure Meter<\/p>\n<\/div>\n<div class=\"comp-icon\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-17268 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/07\/Pressure-Icon.png\" width=\"40\" height=\"40\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/07\/Pressure-Icon.png 40w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/07\/Pressure-Icon-24x24.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/07\/Pressure-Icon-36x36.png 36w\" sizes=\"auto, (max-width: 40px) 100vw, 40px\" \/><\/div>\n<div class=\"comp-text\">\n<p>Used for measuring a pressure reading against configurable limits. Its appearance changes when limits\/alarm thresholds are exceeded.<\/p>\n<\/div>\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/pressure-meter\/\">CLICK FOR TUTORIAL<\/a><\/div>\n<\/div>\n<div class=\"component-wide\">\n<div class=\"comp-header\">\n<p class=\"comp-heading-text\">Simple Line<\/p>\n<\/div>\n<div class=\"comp-icon\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-16951\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/simple-line-icon.png\" alt=\"simple-line-icon\" width=\"45\" height=\"45\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/simple-line-icon.png 45w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/simple-line-icon-24x24.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/simple-line-icon-36x36.png 36w\" sizes=\"auto, (max-width: 45px) 100vw, 45px\" \/><\/div>\n<div class=\"comp-text\">\n<p>Draw a line in various directions.<\/p>\n<\/div>\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/simple-line\/\">CLICK FOR TUTORIAL<\/a><\/div>\n<\/div>\n<div class=\"component-wide\">\n<div class=\"comp-header\">\n<p class=\"comp-heading-text\">Status Indicator<\/p>\n<\/div>\n<div class=\"comp-icon\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1860\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/statusindicatoricon.png\" alt=\"statusindicatoricon\" width=\"42\" height=\"38\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/statusindicatoricon.png 42w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/statusindicatoricon-24x22.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/statusindicatoricon-36x33.png 36w\" sizes=\"auto, (max-width: 42px) 100vw, 42px\" \/><\/div>\n<div class=\"comp-text\">\n<p>Displays different icons depending on whether set thresholds are reached.<\/p>\n<\/div>\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/status-indicator\/\">CLICK FOR TUTORIAL<\/a><\/div>\n<\/div>\n<div class=\"component-wide\">\n<div class=\"comp-header\">\n<p class=\"comp-heading-text\">Status Tile<\/p>\n<\/div>\n<div class=\"comp-icon\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-19825 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/StatusTileIcon.png\" width=\"42\" height=\"38\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/StatusTileIcon.png 42w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/StatusTileIcon-24x22.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/StatusTileIcon-36x33.png 36w\" sizes=\"auto, (max-width: 42px) 100vw, 42px\" \/><\/div>\n<div class=\"comp-text\">\n<p>Displays a value and is coloured according to the relationship between value and limit. It also has a title and a description, and can include a hyperlink.<\/p>\n<\/div>\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/status-tile\/\">CLICK FOR TUTORIAL<\/a><\/div>\n<\/div>\n<div class=\"component-wide\">\n<div class=\"comp-header\">\n<p class=\"comp-heading-text\">Tank<\/p>\n<\/div>\n<div class=\"comp-icon\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13133\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/tankicon.png\" alt=\"tankicon\" width=\"40\" height=\"35\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/tankicon.png 40w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/tankicon-24x21.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/tankicon-36x32.png 36w\" sizes=\"auto, (max-width: 40px) 100vw, 40px\" \/><\/div>\n<div class=\"comp-text\">\n<p>Displays a data value as the percentage fill in a simulated tank shape.<\/p>\n<\/div>\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/tank\/\">CLICK FOR TUTORIAL<\/a><\/div>\n<\/div>\n<div class=\"component-wide\">\n<div class=\"comp-header\">\n<p class=\"comp-heading-text\">Target Bar<\/p>\n<\/div>\n<div class=\"comp-icon\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13136\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/targetbaricon.png\" alt=\"targetbaricon\" width=\"38\" height=\"39\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/targetbaricon.png 38w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/targetbaricon-24x24.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/targetbaricon-36x36.png 36w\" sizes=\"auto, (max-width: 38px) 100vw, 38px\" \/><\/div>\n<div class=\"comp-text\">\n<p>Shows a numeric value as a bar in relation to a target marker.<\/p>\n<\/div>\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/target-bar\/\">CLICK FOR TUTORIAL<\/a><\/div>\n<\/div>\n<div class=\"component-wide\">\n<div class=\"comp-header\">\n<p class=\"comp-heading-text\">Target Label<\/p>\n<\/div>\n<div class=\"comp-icon\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13137\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/targetlabelicon.png\" alt=\"targetlabelicon\" width=\"40\" height=\"39\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/targetlabelicon.png 40w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/targetlabelicon-24x24.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/targetlabelicon-36x36.png 36w\" sizes=\"auto, (max-width: 40px) 100vw, 40px\" \/><\/div>\n<div class=\"comp-text\">\n<p>Shows two values side by side: a numeric value and a percentage of the value in relation to a target value.<\/p>\n<\/div>\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/target-label\/\">CLICK FOR TUTORIAL<\/a><\/div>\n<\/div>\n<div class=\"component-wide\">\n<div class=\"comp-header\">\n<p class=\"comp-heading-text\">Target Variance Bar<\/p>\n<\/div>\n<div class=\"comp-icon\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13264\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetvariancebaricon.png\" alt=\"targetvariancebaricon\" width=\"41\" height=\"42\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetvariancebaricon.png 41w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetvariancebaricon-24x24.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/targetvariancebaricon-36x36.png 36w\" sizes=\"auto, (max-width: 41px) 100vw, 41px\" \/><\/div>\n<div class=\"comp-text\">\n<p>Shows a variance value from a target as a bar.<\/p>\n<\/div>\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/target-variance-bar\/\">CLICK FOR TUTORIAL<\/a><\/div>\n<\/div>\n<div class=\"component-wide\">\n<div class=\"comp-header\">\n<p class=\"comp-heading-text\">Temperature Meter<\/p>\n<\/div>\n<div class=\"comp-icon\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-17269 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/07\/Temp-Icon.png\" width=\"40\" height=\"40\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/07\/Temp-Icon.png 40w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/07\/Temp-Icon-24x24.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/07\/Temp-Icon-36x36.png 36w\" sizes=\"auto, (max-width: 40px) 100vw, 40px\" \/><\/div>\n<div class=\"comp-text\">\n<p>Measures a temperature against configurable limits. Its appearance changes when limits\/alarm thresholds are exceeded.<\/p>\n<\/div>\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/temperature-meter\/\">CLICK FOR TUTORIAL<\/a><\/div>\n<\/div>\n<div class=\"component-wide\">\n<div class=\"comp-header\">\n<p class=\"comp-heading-text\">Text Label<\/p>\n<\/div>\n<div class=\"comp-icon\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1863\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/textlabelicon.png\" alt=\"textlabelicon\" width=\"38\" height=\"35\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/textlabelicon.png 38w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/textlabelicon-24x22.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/textlabelicon-36x33.png 36w\" sizes=\"auto, (max-width: 38px) 100vw, 38px\" \/><\/div>\n<div class=\"comp-text\">\n<p>Display text on a page and optionally show variables.<\/p>\n<\/div>\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/text-label\/\">CLICK FOR TUTORIAL<\/a><\/div>\n<\/div>\n<div class=\"component-wide\">\n<div class=\"comp-header\">\n<p class=\"comp-heading-text\">Wind Vane<\/p>\n<\/div>\n<div class=\"comp-icon\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/wind-vane-icon.png\" rel=\"lightbox-1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-20122\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/wind-vane-icon.png\" alt=\"wind-vane-icon\" width=\"38\" height=\"30\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/wind-vane-icon.png 38w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/wind-vane-icon-24x19.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/wind-vane-icon-36x28.png 36w\" sizes=\"auto, (max-width: 38px) 100vw, 38px\" \/><\/a><\/div>\n<div class=\"comp-text\">\n<p>Display the current wind direction and show when it approaches set thresholds.<\/p>\n<\/div>\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/wind-vane\/\">CLICK FOR TUTORIAL<\/a><\/div>\n<\/div>\n<\/div>\n<p class=\"clear\">\u00a0<\/p>\n<p><!----------- TABLES ---------><\/p>\n<h4 id=\"table\" class=\"page-subheading2\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1861\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/tablesicon_sm.png\" alt=\"tablesicon_sm\" width=\"18\" height=\"16\" \/> Tables<\/h4>\n<div class=\"comp-list\">\n<div class=\"component-wide\">\n<div class=\"comp-header\">\n<p class=\"comp-heading-text\">Data Table<\/p>\n<\/div>\n<div class=\"comp-icon\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1842\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/datasettableicon.png\" alt=\"datasettableicon\" width=\"38\" height=\"32\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/datasettableicon.png 38w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/datasettableicon-24x20.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/datasettableicon-36x30.png 36w\" sizes=\"auto, (max-width: 38px) 100vw, 38px\" \/><\/div>\n<div class=\"comp-text\">\n<p>A table that shows data in columns and rows.<\/p>\n<\/div>\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/data-table\">CLICK FOR TUTORIAL<\/a><\/div>\n<\/div>\n<div class=\"component-wide\">\n<div class=\"comp-header\">\n<p class=\"comp-heading-text\">Paging Control<\/p>\n<\/div>\n<div class=\"comp-icon\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1856\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/pagingicon.png\" alt=\"pagingicon\" width=\"24\" height=\"35\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/pagingicon.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/pagingicon-16x24.png 16w\" sizes=\"auto, (max-width: 24px) 100vw, 24px\" \/><\/div>\n<div class=\"comp-text\">\n<p>Split up large amounts of tabular data into smaller pages to allow the user to more easily view the data in a table.<\/p>\n<\/div>\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/paging-control\/\">CLICK FOR TUTORIAL<\/a><\/div>\n<\/div>\n<div class=\"component-wide\">\n<div class=\"comp-header\">\n<p class=\"comp-heading-text\">Pivot Table<\/p>\n<\/div>\n<div class=\"comp-icon\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13153\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/pivottableicon.png\" alt=\"pivottableicon\" width=\"39\" height=\"37\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/pivottableicon.png 39w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/pivottableicon-24x24.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/pivottableicon-36x34.png 36w\" sizes=\"auto, (max-width: 39px) 100vw, 39px\" \/><\/div>\n<div class=\"comp-text\">\n<p>Shows an aggregated view of data, grouped by one or more dimensions assigned as either columns or rows.<\/p>\n<\/div>\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/pivot-table\/\">CLICK FOR TUTORIAL<\/a><\/div>\n<\/div>\n<\/div>\n<p class=\"clear\">\u00a0<\/p>\n<p><!----------- TIME ---------><\/p>\n<h4 id=\"time\" class=\"page-subheading2\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1865\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/timeicon_sm.png\" alt=\"timeicon_sm\" width=\"18\" height=\"17\" \/> Time<\/h4>\n<div class=\"comp-list\">\n<div class=\"component-wide\">\n<div class=\"comp-header\">\n<p class=\"comp-heading-text\">Current Date\/Time Toggle<\/p>\n<\/div>\n<div class=\"comp-icon\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13139\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/nowicon.png\" alt=\"nowicon\" width=\"40\" height=\"34\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/nowicon.png 40w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/nowicon-24x20.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/nowicon-36x31.png 36w\" sizes=\"auto, (max-width: 40px) 100vw, 40px\" \/><\/div>\n<div class=\"comp-text\">\n<p>Provides the user with a check box that allows them to keep the current date\/time on a page, so that the components always display the latest data.<\/p>\n<\/div>\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/current-time-toggle\/\">CLICK FOR TUTORIAL<\/a><\/div>\n<\/div>\n<div class=\"component-wide\">\n<div class=\"comp-header\">\n<p class=\"comp-heading-text\">Date Picker<\/p>\n<\/div>\n<div class=\"comp-icon\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13143\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/datepickericon.png\" alt=\"datepickericon\" width=\"40\" height=\"38\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/datepickericon.png 40w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/datepickericon-24x24.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/datepickericon-36x34.png 36w\" sizes=\"auto, (max-width: 40px) 100vw, 40px\" \/><\/div>\n<div class=\"comp-text\">\n<p>Allows a user to select a date for which to retrieve data.<\/p>\n<\/div>\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/date-picker\/\">CLICK FOR TUTORIAL<\/a><\/div>\n<\/div>\n<div class=\"component-wide\">\n<div class=\"comp-header\">\n<p class=\"comp-heading-text\">Date\/Time Picker<\/p>\n<\/div>\n<div class=\"comp-icon\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13144\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/datetimepickericon.png\" alt=\"datetimepickericon\" width=\"40\" height=\"34\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/datetimepickericon.png 40w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/datetimepickericon-24x20.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/datetimepickericon-36x31.png 36w\" sizes=\"auto, (max-width: 40px) 100vw, 40px\" \/><\/div>\n<div class=\"comp-text\">\n<p>Allows a user to select a date and time for which to retrieve data.<\/p>\n<\/div>\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/time-picker\/\">CLICK FOR TUTORIAL<\/a><\/div>\n<\/div>\n<div class=\"component-wide\">\n<div class=\"comp-header\">\n<p class=\"comp-heading-text\">Date\/Time Range Picker<\/p>\n<\/div>\n<div class=\"comp-icon\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13145\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/datetimerangepcikericon.png\" alt=\"datetimerangepcikericon\" width=\"57\" height=\"35\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/datetimerangepcikericon.png 57w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/datetimerangepcikericon-24x15.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/datetimerangepcikericon-36x22.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/datetimerangepcikericon-48x29.png 48w\" sizes=\"auto, (max-width: 57px) 100vw, 57px\" \/><\/div>\n<div class=\"comp-text\">\n<p>Provides two date\/time pickers, and lets the user select two different date\/times.<\/p>\n<\/div>\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/time-menu\/\">CLICK FOR TUTORIAL<\/a><\/div>\n<\/div>\n<div class=\"component-wide\">\n<div class=\"comp-header\">\n<p class=\"comp-heading-text\">Duration Picker<\/p>\n<\/div>\n<div class=\"comp-icon\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13147\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/durationpickericon.png\" alt=\"durationpickericon\" width=\"35\" height=\"41\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/durationpickericon.png 35w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/durationpickericon-20x24.png 20w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/durationpickericon-31x36.png 31w\" sizes=\"auto, (max-width: 35px) 100vw, 35px\" \/><\/div>\n<div class=\"comp-text\">\n<p>Allows a user to retrieve data from a selected period.<\/p>\n<\/div>\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/duration-picker\/\">CLICK FOR TUTORIAL<\/a><\/div>\n<\/div>\n<div class=\"component-wide\">\n<div class=\"comp-header\">\n<p class=\"comp-heading-text\">Month Picker<\/p>\n<\/div>\n<div class=\"comp-icon\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13148\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/monthpickericon.png\" alt=\"monthpickericon\" width=\"39\" height=\"38\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/monthpickericon.png 39w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/monthpickericon-24x24.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/monthpickericon-36x36.png 36w\" sizes=\"auto, (max-width: 39px) 100vw, 39px\" \/><\/div>\n<div class=\"comp-text\">\n<p>Allows a user select a monthly time period.<\/p>\n<\/div>\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/month-picker\/\">CLICK FOR TUTORIAL<\/a><\/div>\n<\/div>\n<\/div>\n<p class=\"clear\">\u00a0<\/p>\n<p><!----------- CONTROL ---------><\/p>\n<h4 id=\"control\" class=\"page-subheading2\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1840\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/controls_sm.png\" alt=\"controls_sm\" width=\"18\" height=\"16\" \/> Controls<\/h4>\n<div class=\"comp-list\">\n<div class=\"component-wide\">\n<div class=\"comp-header\">\n<p class=\"comp-heading-text\">Combo Box<\/p>\n<\/div>\n<div class=\"comp-icon\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1838\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/comboboxicon.png\" alt=\"comboboxicon\" width=\"36\" height=\"35\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/comboboxicon.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/comboboxicon-24x24.png 24w\" sizes=\"auto, (max-width: 36px) 100vw, 36px\" \/><\/div>\n<div class=\"comp-text\">\n<p>Allows a user to choose one of several choices from a drop-down list.<\/p>\n<\/div>\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/combo-box\/\">CLICK FOR TUTORIAL<\/a><\/div>\n<\/div>\n<div class=\"component-wide\">\n<div class=\"comp-header\">\n<p class=\"comp-heading-text\">Hotspot<\/p>\n<\/div>\n<div class=\"comp-icon\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13156\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/hotspoticon.png\" alt=\"hotspoticon\" width=\"35\" height=\"42\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/hotspoticon.png 35w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/hotspoticon-20x24.png 20w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/hotspoticon-30x36.png 30w\" sizes=\"auto, (max-width: 35px) 100vw, 35px\" \/><\/div>\n<div class=\"comp-text\">\n<p>Adds a blank area which launches an action when a user clicks there.<\/p>\n<\/div>\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/hotspot\/\">CLICK FOR TUTORIAL<\/a><\/div>\n<\/div>\n<div class=\"component-wide\">\n<div class=\"comp-header\">\n<p class=\"comp-heading-text\">Selection List<\/p>\n<\/div>\n<div class=\"comp-icon\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13155\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/multiselectlisticon.png\" alt=\"multiselectlisticon\" width=\"28\" height=\"38\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/multiselectlisticon.png 28w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/multiselectlisticon-18x24.png 18w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/multiselectlisticon-27x36.png 27w\" sizes=\"auto, (max-width: 28px) 100vw, 28px\" \/><\/div>\n<div class=\"comp-text\">\n<p>Displays a predefined list which can be configured to allow a user to select a single item or multiple items from it.<\/p>\n<\/div>\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/selection-list\/\">CLICK FOR TUTORIAL<\/a><\/div>\n<\/div>\n<div class=\"component-wide\">\n<div class=\"comp-header\">\n<p class=\"comp-heading-text\">Option Links<\/p>\n<\/div>\n<div class=\"comp-icon\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1855\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/optionlinksicon.png\" alt=\"optionlinksicon\" width=\"37\" height=\"32\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/optionlinksicon.png 37w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/optionlinksicon-24x21.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/optionlinksicon-36x31.png 36w\" sizes=\"auto, (max-width: 37px) 100vw, 37px\" \/><\/div>\n<div class=\"comp-text\">\n<p>Lists a set of options as buttons and allows the user to select one.<\/p>\n<\/div>\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/option-links\/\">CLICK FOR TUTORIAL<\/a><\/div>\n<\/div>\n<div class=\"component-wide\">\n<div class=\"comp-header\">\n<p class=\"comp-heading-text\">Text Input<\/p>\n<\/div>\n<div class=\"comp-icon\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/08\/Text-Input-Icon.png\" rel=\"lightbox-2\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-29404 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/08\/Text-Input-Icon.png\" alt=\"\" width=\"80\" height=\"32\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/08\/Text-Input-Icon.png 80w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/08\/Text-Input-Icon-24x10.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/08\/Text-Input-Icon-36x14.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/08\/Text-Input-Icon-48x19.png 48w\" sizes=\"auto, (max-width: 80px) 100vw, 80px\" \/><\/a><\/div>\n<div class=\"comp-text\">\n<p>Allows a user to type in text or a number to update a variable.<\/p>\n<\/div>\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/text-input\/\">CLICK FOR TUTORIAL<\/a><\/div>\n<\/div>\n<div class=\"component-wide\">\n<div class=\"comp-header\">\n<p class=\"comp-heading-text\">Time Window Selector<\/p>\n<\/div>\n<div class=\"comp-icon\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-56787\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2022\/09\/Snag_268916e.png\" alt=\"\" width=\"48\" height=\"30\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2022\/09\/Snag_268916e.png 156w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2022\/09\/Snag_268916e-150x94.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2022\/09\/Snag_268916e-48x30.png 48w\" sizes=\"auto, (max-width: 48px) 100vw, 48px\" \/><\/div>\n<div class=\"comp-text\">\n<p>Allows a user to select a time window from a list matching a specified criteria.<\/p>\n<\/div>\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/time-window-selector\/\">CLICK FOR TUTORIAL<\/a><\/div>\n<\/div>\n<\/div>\n<p>&nbsp;<\/p>\n<p><!----------- HIERARCHY ---------><\/p>\n<h4 id=\"hierarchy\" class=\"page-subheading2\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1850\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/hierarchy.png\" alt=\"hierarchy\" width=\"20\" height=\"17\" \/> Hierarchies<\/h4>\n<div class=\"comp-list\">\n<div class=\"component-wide\">\n<div class=\"comp-header\">\n<p class=\"comp-heading-text\">Breadcrumb<\/p>\n<\/div>\n<div class=\"comp-icon\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1835\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/breadcrumbicon.png\" alt=\"breadcrumbicon\" width=\"25\" height=\"36\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/breadcrumbicon.png 25w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/breadcrumbicon-17x24.png 17w\" sizes=\"auto, (max-width: 25px) 100vw, 25px\" \/><\/div>\n<div class=\"comp-text\">\n<p>Navigation tool for pages that allow users to drill down into a hierarchy to discover further information about a selected entity.<\/p>\n<\/div>\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/breadcrumb\/\">CLICK FOR TUTORIAL<\/a><\/div>\n<\/div>\n<div class=\"component-wide\">\n<div class=\"comp-header\">\n<p class=\"comp-heading-text\">Entity Selector<\/p>\n<\/div>\n<div class=\"comp-icon\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13111\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/entityselectoricon.png\" alt=\"entityselectoricon\" width=\"41\" height=\"38\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/entityselectoricon.png 41w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/entityselectoricon-24x22.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/entityselectoricon-36x33.png 36w\" sizes=\"auto, (max-width: 41px) 100vw, 41px\" \/><\/div>\n<div class=\"comp-text\">\n<p>Allows a user to select one or more entities from a list.<\/p>\n<\/div>\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/entity-selector\/\">CLICK FOR TUTORIAL<\/a><\/div>\n<\/div>\n<div class=\"component-wide\">\n<div class=\"comp-header\">\n<p class=\"comp-heading-text\">Hierarchy<\/p>\n<\/div>\n<div class=\"comp-icon\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13262\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/hierarchyicon-1.png\" alt=\"hierarchyicon\" width=\"42\" height=\"37\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/hierarchyicon-1.png 42w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/hierarchyicon-1-24x21.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/hierarchyicon-1-36x32.png 36w\" sizes=\"auto, (max-width: 42px) 100vw, 42px\" \/><\/div>\n<div class=\"comp-text\">\n<p>Allows a user to select an entity from a specific hierarchy.<\/p>\n<\/div>\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/hierarchy\/\">CLICK FOR TUTORIAL<\/a><\/div>\n<\/div>\n<div class=\"component-wide\">\n<div class=\"comp-header\">\n<p class=\"comp-heading-text\">Hierarchy Picker<\/p>\n<\/div>\n<div class=\"comp-icon\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13112\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/hierarchypickericon.png\" alt=\"hierarchypickericon\" width=\"41\" height=\"39\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/hierarchypickericon.png 41w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/hierarchypickericon-24x24.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/04\/hierarchypickericon-36x34.png 36w\" sizes=\"auto, (max-width: 41px) 100vw, 41px\" \/><\/div>\n<div class=\"comp-text\">\n<p>Displays all the available hierarchies in a drop-down list, and allows the user to choose one of these hierarchies.<\/p>\n<\/div>\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/hierarchy-picker\/\">CLICK FOR TUTORIAL<\/a><\/div>\n<\/div>\n<\/div>\n<p class=\"clear\">\u00a0<\/p>\n<p><!----------- LAYOUT ---------><\/p>\n<h4 id=\"layout\" class=\"page-subheading2\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1853\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/layouts.png\" alt=\"layouts\" width=\"20\" height=\"16\" \/> Layouts<\/h4>\n<div class=\"comp-list\">\n<div class=\"component-wide\">\n<div class=\"comp-header\">\n<p class=\"comp-heading-text\">Grid<\/p>\n<\/div>\n<div class=\"comp-icon\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1849\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/gridlayouticon.png\" alt=\"gridlayouticon\" width=\"38\" height=\"32\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/gridlayouticon.png 38w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/gridlayouticon-24x20.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/gridlayouticon-36x30.png 36w\" sizes=\"auto, (max-width: 38px) 100vw, 38px\" \/><\/div>\n<div class=\"comp-text\">\n<p>Allows components to be positioned in columns and rows which fill the available space.<\/p>\n<\/div>\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/grid-layout\/\">CLICK FOR TUTORIAL<\/a><\/div>\n<\/div>\n<div class=\"component-wide\">\n<div class=\"comp-header\">\n<p class=\"comp-heading-text\">Precision<\/p>\n<\/div>\n<div class=\"comp-icon\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1858\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/precisionlayouticon.png\" alt=\"precisionlayouticon\" width=\"33\" height=\"32\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/precisionlayouticon.png 33w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/precisionlayouticon-24x24.png 24w\" sizes=\"auto, (max-width: 33px) 100vw, 33px\" \/><\/div>\n<div class=\"comp-text\">\n<p>Allows components to be positioned using x and y coordinates.<\/p>\n<\/div>\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/precision-layout\/\">CLICK FOR TUTORIAL<\/a><\/div>\n<\/div>\n<div class=\"component-wide\">\n<div class=\"comp-header\">\n<p class=\"comp-heading-text\">Switch<\/p>\n<\/div>\n<div class=\"comp-icon\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13266\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/switchicon-1.png\" alt=\"switchicon\" width=\"26\" height=\"37\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/switchicon-1.png 26w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/switchicon-1-17x24.png 17w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/switchicon-1-25x36.png 25w\" sizes=\"auto, (max-width: 26px) 100vw, 26px\" \/><\/div>\n<div class=\"comp-text\">\n<p>Shows a different view according to what condition the variable matches, if it matches none of the conditions then it will use the default view.<\/p>\n<\/div>\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/switch\/\">CLICK FOR TUTORIAL<\/a><\/div>\n<\/div>\n<div class=\"component-wide\">\n<div class=\"comp-header\">\n<p class=\"comp-heading-text\">Table Layout<\/p>\n<\/div>\n<div class=\"comp-icon\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-20918 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/10\/Table-Layout-Icon-for-Menu.png\" width=\"48\" height=\"41\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/10\/Table-Layout-Icon-for-Menu.png 48w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/10\/Table-Layout-Icon-for-Menu-24x21.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/10\/Table-Layout-Icon-for-Menu-36x31.png 36w\" sizes=\"auto, (max-width: 48px) 100vw, 48px\" \/><\/div>\n<div class=\"comp-text\">\n<p>This component arranges your data in a tabular format. You only need to configure the first row on the table and that will be repeated across each row in your dataset.<\/p>\n<\/div>\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/table-layout\/\">CLICK FOR TUTORIAL<\/a><\/div>\n<\/div>\n<div class=\"component-wide\">\n<div class=\"comp-header\">\n<p class=\"comp-heading-text\">Responsive Layout<\/p>\n<\/div>\n<div class=\"comp-icon\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-04-140211.png\" rel=\"lightbox-3\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-72036\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-04-140211.png\" alt=\"\" width=\"56\" height=\"48\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-04-140211.png 109w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-04-140211-48x41.png 48w\" sizes=\"auto, (max-width: 56px) 100vw, 56px\" \/><\/a><\/div>\n<div class=\"comp-text\">\n<p>Arranges components in a responsive grid that adjusts how they are displayed based on available screen space.<\/p>\n<\/div>\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/?page_id=72037&amp;preview=true\">CLICK FOR TUTORIAL<\/a><\/div>\n<\/div>\n<\/div>\n<p class=\"clear\">\u00a0<\/p>\n<p><!----------- SHIFT LOG ---------><\/p>\n<h4 id=\"Shift Log\" class=\"page-subheading2\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1853\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/layouts.png\" alt=\"Shift Log\" width=\"20\" height=\"16\" \/> Shift Log<\/h4>\n<div class=\"comp-list\">\n<div class=\"component-wide\">\n<div class=\"comp-header\">\n<p class=\"comp-heading-text\">Entry Components<\/p>\n<\/div>\n<div class=\"comp-icon\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-66618\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/04\/Snag_17ca1288.png\" alt=\"\" width=\"32\" height=\"40\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/04\/Snag_17ca1288.png 82w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/04\/Snag_17ca1288-38x48.png 38w\" sizes=\"auto, (max-width: 32px) 100vw, 32px\" \/>\u00a0 <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-66619\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/04\/Snag_17cfe1a7.png\" alt=\"\" width=\"32\" height=\"40\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/04\/Snag_17cfe1a7.png 82w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/04\/Snag_17cfe1a7-38x48.png 38w\" sizes=\"auto, (max-width: 32px) 100vw, 32px\" \/>\u00a0 <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-66620\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/04\/Snag_17d1a38b.png\" alt=\"\" width=\"32\" height=\"40\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/04\/Snag_17d1a38b.png 80w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/04\/Snag_17d1a38b-38x48.png 38w\" sizes=\"auto, (max-width: 32px) 100vw, 32px\" \/><\/div>\n<div class=\"comp-text\">\n<p>The entry components (Log Entry, Case Entry, and General Entry) allow users to add entries to an Entries Table.<\/p>\n<\/div>\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/entries\/\">CLICK FOR TUTORIAL<\/a><\/div>\n<\/div>\n<div class=\"component-wide\">\n<div class=\"comp-header\">\n<p class=\"comp-heading-text\">A-Plus Entries<\/p>\n<\/div>\n<div class=\"comp-icon\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-66629\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/04\/Snag_17e2016c.png\" alt=\"\" width=\"31\" height=\"40\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/04\/Snag_17e2016c.png 81w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/04\/Snag_17e2016c-37x48.png 37w\" sizes=\"auto, (max-width: 31px) 100vw, 31px\" \/><\/div>\n<div class=\"comp-text\">\n<p>Loss, Availability and Gain events can be added to workbooks.<\/p>\n<\/div>\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/a-plus-entries\/\">CLICK FOR TUTORIAL<\/a><\/div>\n<\/div>\n<div class=\"component-wide\">\n<div class=\"comp-header\">\n<p class=\"comp-heading-text\">Report - Grid<\/p>\n<\/div>\n<div class=\"comp-icon\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/04\/Snag_17d82040.png\" rel=\"lightbox-4\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-66623\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/04\/Snag_17d82040.png\" alt=\"\" width=\"41\" height=\"40\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/04\/Snag_17d82040.png 107w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/04\/Snag_17d82040-48x48.png 48w\" sizes=\"auto, (max-width: 41px) 100vw, 41px\" \/><\/a><\/div>\n<div class=\"comp-text\">\n<p>The report grid shows filtered entries from a selected entry form.<\/p>\n<\/div>\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/handover\/\">CLICK FOR TUTORIAL<\/a><\/div>\n<\/div>\n<div class=\"component-wide\">\n<div class=\"comp-header\">\n<p class=\"comp-heading-text\">Report - Form<\/p>\n<\/div>\n<div class=\"comp-icon\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/06\/Snag_3d4c5425.png\" rel=\"lightbox-5\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-67131\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/06\/Snag_3d4c5425.png\" alt=\"\" width=\"41\" height=\"40\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/06\/Snag_3d4c5425.png 72w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/06\/Snag_3d4c5425-48x48.png 48w\" sizes=\"auto, (max-width: 41px) 100vw, 41px\" \/><\/a><\/div>\n<div class=\"comp-text\">\n<p>Displays an entry at a given time period.<\/p>\n<\/div>\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/report-form\/\">CLICK FOR TUTORIAL<\/a><\/div>\n<\/div>\n<div class=\"component-wide\">\n<div class=\"comp-header\">\n<p class=\"comp-heading-text\">Summary Table<\/p>\n<\/div>\n<div class=\"comp-icon\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-66629\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/04\/Snag_17e2016c.png\" alt=\"\" width=\"31\" height=\"40\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/04\/Snag_17e2016c.png 81w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/04\/Snag_17e2016c-37x48.png 37w\" sizes=\"auto, (max-width: 31px) 100vw, 31px\" \/><\/div>\n<div class=\"comp-text\">\n<p>Table of shared entries.<\/p>\n<\/div>\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/summary-table\/\">CLICK FOR TUTORIAL<\/a><\/div>\n<\/div>\n<div class=\"component-wide\">\n<div class=\"comp-header\">\n<p class=\"comp-heading-text\">Single Log Form<\/p>\n<\/div>\n<div class=\"comp-icon\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/04\/Snag_17de94c6.png\" rel=\"lightbox-6\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-66627\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/04\/Snag_17de94c6.png\" alt=\"\" width=\"32\" height=\"40\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/04\/Snag_17de94c6.png 82w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/04\/Snag_17de94c6-38x48.png 38w\" sizes=\"auto, (max-width: 32px) 100vw, 32px\" \/><\/a><\/div>\n<div class=\"comp-text\">\n<p>Used to create an entry at a given offset from shift or swing.<\/p>\n<\/div>\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/single-log-form\/\">CLICK FOR TUTORIAL<\/a><\/div>\n<\/div>\n<div class=\"component-wide\">\n<div class=\"comp-header\">\n<p class=\"comp-heading-text\">Logsheet<\/p>\n<\/div>\n<div class=\"comp-icon\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/06\/Snag_3d25792f.png\" rel=\"lightbox-7\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-67127\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/06\/Snag_3d25792f.png\" alt=\"\" width=\"52\" height=\"40\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/06\/Snag_3d25792f.png 80w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/06\/Snag_3d25792f-48x37.png 48w\" sizes=\"auto, (max-width: 52px) 100vw, 52px\" \/><\/a><\/div>\n<div class=\"comp-text\">\n<p>A table of columns that behave as data entry fields.<\/p>\n<\/div>\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/logsheet\/\">CLICK FOR TUTORIAL<\/a><\/div>\n<\/div>\n<div class=\"component-wide\">\n<div class=\"comp-header\">\n<p class=\"comp-heading-text\">Page Break<\/p>\n<\/div>\n<div class=\"comp-icon\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/04\/Snag_17e067f0.png\" rel=\"lightbox-8\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-66628\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/04\/Snag_17e067f0.png\" alt=\"\" width=\"51\" height=\"40\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/04\/Snag_17e067f0.png 135w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/04\/Snag_17e067f0-48x37.png 48w\" sizes=\"auto, (max-width: 51px) 100vw, 51px\" \/><\/a><\/div>\n<div class=\"comp-text\">\n<p>Used to specify the start of a new page.<\/p>\n<\/div>\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/page-break\/\">CLICK FOR TUTORIAL<\/a><\/div>\n<\/div>\n<\/div>\n<p><!-----------\n\n\n\n\n\n\n\n\n\n<div class=\"component-wide\">\n\n\n<div class=\"comp-header\">\n\n\n<p class=\"comp-heading-text\">Report - Summary<\/p>\n\n\n<\/div>\n\n\n\n\n<div class=\"comp-icon\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/04\/Snag_17db71ad.png\" rel=\"lightbox-9\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-66624\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/04\/Snag_17db71ad.png\" alt=\"\" width=\"41\" height=\"40\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/04\/Snag_17db71ad.png 107w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2024\/04\/Snag_17db71ad-48x48.png 48w\" sizes=\"auto, (max-width: 41px) 100vw, 41px\" \/><\/a><\/div>\n\n\n\n\n<div class=\"comp-text\">\n\n\n<p>The report summary grid.<\/p>\n\n\n<\/div>\n\n\n\n\n<div class=\"comp-link\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/grid-layout\/\">CLICK FOR TUTORIAL<\/a><\/div>\n\n\n<\/div>\n\n\n\n\n\n\n\n\n\n---------><\/p>\n<p class=\"clear\">\u00a0<\/p>\n<p><!----------- VIDEOS ---------><\/p>\n<hr \/>\n<h2 class=\"page-subheading\">Tutorial: Adding a Component to a Page<\/h2>\n<p class=\"intro-text\">There are 3 ways you can add a component to a page.<\/p>\n<ol class=\"intro-text\">\n<li><strong>Search for the component by name<\/strong>, and then drag and drop it onto the canvas.<\/li>\n<li><strong>Skip to the component group<\/strong>, and then drag and drop the component onto the canvas.<\/li>\n<li><strong>Scroll through the list<\/strong> until you find the component, and then drag and drop it onto the canvas.<\/li>\n<\/ol>\n<p class=\"intro-text\">Watch this short video to see how!<\/p>\n\r\n\t<!-- Begin Video.js -->\r\n\t<video id=\"example_video_id_2082185301\" class=\"video-js vjs-default-skin\" width=\"800\" height=\"400\" controls preload=\"none\" data-setup='[]'>\r\n\t\t<source src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/videos\/addcomponent.mp4\" type='video\/mp4' \/>\r\n\t\t\r\n\t\t\r\n\t<\/video>\r\n\t<!-- End Video.js -->\r\n\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The components in Explorer Studio are organised into logical groups, to make them easy to find. This page lists the components available in IFS OI Explorer, and contains links to tutorials on how to configure them.<\/p>\n<p class=\"continue-reading-button\"> <a class=\"continue-reading-link\" href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/\">Read more<i class=\"crycon-right-dir\"><\/i><\/a><\/p>\n","protected":false},"author":1,"featured_media":23868,"parent":478,"menu_order":6,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":"","_members_access_role":[],"_members_access_error":""},"categories":[1],"tags":[206],"class_list":["post-1407","page","type-page","status-publish","has-post-thumbnail","hentry","category-uncategorized","tag-components","Version-4-22","Version-4-5-0","Product-ex","Product-shiftlog"],"_links":{"self":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/1407","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=1407"}],"version-history":[{"count":20,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/1407\/revisions"}],"predecessor-version":[{"id":72032,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/1407\/revisions\/72032"}],"up":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/478"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/media\/23868"}],"wp:attachment":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/media?parent=1407"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/categories?post=1407"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/tags?post=1407"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}