{"id":15328,"date":"2016-05-30T08:13:51","date_gmt":"2016-05-30T00:13:51","guid":{"rendered":"http:\/\/localhost\/help\/?page_id=15328"},"modified":"2017-11-09T10:15:40","modified_gmt":"2017-11-09T02:15:40","slug":"tank-4-3-2","status":"publish","type":"page","link":"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/tank\/tank-4-3-2\/","title":{"rendered":"Tank (4.3.2)"},"content":{"rendered":"\n<p class=\"left-bar\">This article applies to the Tank component in versions 4.3.2 and earlier of P2 Explorer. For help on the latest version, see <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/tank\/\">Tank<\/a>.<\/p>\n<h3 class=\"page-subheading\">Overview<\/h3>\n<p class=\"intro-text\">The Tank\u00a0displays a data value as the percentage fill in a simulated tank shape.<\/p>\n<p class=\"intro-text\">The following diagram shows a Tank being configured:<\/p>\n<p class=\"intro-text\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/tank1.png\" rel=\"lightbox-0\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-3344 size-large\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/tank1-800x403.png\" alt=\"\" width=\"800\" height=\"403\" \/><\/a><\/p>\n<div style=\"position: relative;\">\u00a0<\/div>\n<div style=\"position: relative;\">\u00a0<\/div>\n<table>\n<tbody>\n<tr>\n<td width=\"130\"><strong>Source Data<\/strong>:<\/td>\n<td>The dataset from which the values are obtained.<\/td>\n<\/tr>\n<tr>\n<td><strong>Actual Column<\/strong>:<\/td>\n<td>The column from the dataset that determines the amount that it is filled.<\/td>\n<\/tr>\n<tr>\n<td><strong>Filter Field<\/strong>:<\/td>\n<td>\n<p>The column of the dataset that provides the values that will be assessed. This is used in conjunction with the <a title=\"Filter Column and Filter Value\" href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/filter-column-and-filter-value\/\">Filter Value<\/a>.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td><strong>Filter Value<\/strong>:<\/td>\n<td>\n<p>\u00a0The row of the dataset that provides the values that will be assessed.\u00a0<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td><strong>Main Fill Colour<\/strong>:<\/td>\n<td>The colour of the main fill.<\/td>\n<\/tr>\n<tr>\n<td><strong>Secondary Fill Colour<\/strong>:<\/td>\n<td>The colour of the top of the filled area.<\/td>\n<\/tr>\n<tr>\n<td><strong>Minimum Value Column<\/strong>:<\/td>\n<td>The minimum value below which the fill cannot fall.<\/td>\n<\/tr>\n<tr>\n<td><strong>Maximum Value Column<\/strong>:<\/td>\n<td>The maximum value allowed for the fill.<\/td>\n<\/tr>\n<tr>\n<td><strong>Number of Ticks<\/strong>:<\/td>\n<td>The number of tick marks to display on the tank. The number specified here serves as a guide, Explorer will determine the final number of tick marks so that they are evenly spaced between the Minimum Value Column\u00a0and the Maximum Value Column. Leave blank to display no tick marks.<\/td>\n<\/tr>\n<tr>\n<td><strong>Show Value:<\/strong><\/td>\n<td>\n<p>\u00a0Select this check box if you want to display the Actual Column\u00a0value of the fill.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1569\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/tank2.png\" alt=\"tank2\" width=\"397\" height=\"298\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/tank2.png 397w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/tank2-150x113.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/tank2-24x18.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/tank2-36x27.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/tank2-48x36.png 48w\" sizes=\"auto, (max-width: 397px) 100vw, 397px\" \/><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<hr \/>\n<h3 class=\"page-subheading\"><span id=\"Tutorial\">Tutorial<\/span><\/h3>\n<p class=\"intro-text\">The Tank\u00a0is a useful component to display volume levels. In this topic, we\u2019ll show you how to use the Tank\u00a0to display the monthly volume of oil stored\u00a0for various entities. This is often used in production summary reports.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/tankshow.png\" rel=\"lightbox-1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-3520\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/tankshow-800x360.png\" alt=\"tankshow\" width=\"800\" height=\"360\" \/><\/a><\/p>\n<p class=\"intro-text\">Let\u2019s look at how we\u2019re actually going to do this, step-by-step.<\/p>\n<hr \/>\n<h3 class=\"page-subheading\"><span id=\"Step_by_Step_Creating_a_Schematic_Using_Precision_Layout\"><span id=\"Step_by_Step_Creating_a_Schematic_Using_Precision_Layout\">Step by Step: Creating a Tank That Displays Stored Oil Volumes for a\u00a0Selected\u00a0Entity<\/span><\/span><\/h3>\n<p class=\"intro-text\">Before you start, open a new tab in Explorer and click the \u201cCreate a New Page in Studio Mode\u201d thumbnail.\u00a0Choose the <a title=\"Grid Layout\" href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/grid-layout\/\">grid<\/a>\u00a0layout \u2013 you can adjust the rows and columns if you like but it\u2019s not important for this exercise.<\/p>\n<p class=\"intro-text\">You will need to adjust the configuration to suit your data at your site.<\/p>\n<p class=\"intro-text\"><strong>Step 1. Add\u00a0the source data<\/strong><\/p>\n<p class=\"intro-text\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/tankdata.png\" rel=\"lightbox-2\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-3517\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/tankdata-800x517.png\" alt=\"tankdata\" width=\"800\" height=\"517\" \/><\/a><\/p>\n<p class=\"intro-text\">Before we can display any\u00a0data on the page, \u00a0we need to add the source data.<\/p>\n<ul class=\"intro-text\">\n<li>Below the canvas, click the button labelled \u201c<a title=\"Add Data\" href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/add-data\/\">Add Data<\/a>\u201c.<\/li>\n<li>Choose the data you are going to use. For this tutorial, we are using a <a title=\"Add a Relational Dataset\" href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/add-data\/add-a-dataset\/\">dataset<\/a> called \u201cWellProductionData\u201d.<\/li>\n<li>In the configuration options, specify the following:\n<ul class=\"intro-text\">\n<li>Name: WellProductionData1 (this is automatically added)<\/li>\n<li>Query: WellProductionData (this is the query in P2 Server that is being used to return the data)<\/li>\n<li>StartDate: (Datetime)\u00a001\/04\/2015 12:00:00 AM<\/li>\n<li>EndDate: (Datetime)\u00a030\/04\/2015 12:00:00 AM<\/li>\n<li>EntitiesList: (Event) selectedEntity<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p class=\"intro-text\">\u00a0<\/p>\n<p class=\"intro-text\"><strong>Step 2. Add\u00a0the Tank<\/strong><\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/tankdrag.png\" rel=\"lightbox-3\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-3516\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/tankdrag-800x430.png\" alt=\"tankdrag\" width=\"800\" height=\"430\" \/><\/a><\/p>\n<p class=\"intro-text\">Drag and drop the Tank\u00a0component\u00a0onto a grid cell.<\/p>\n<p class=\"intro-text\"><strong>Step 3. Configure the Tank<\/strong><\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/tankconfig.png\" rel=\"lightbox-4\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-3518\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/tankconfig-800x450.png\" alt=\"tankconfig\" width=\"800\" height=\"450\" \/><\/a><\/p>\n<p class=\"intro-text\">Configure the tank as follows:\u00a0<\/p>\n<ul class=\"intro-text\">\n<li>Source Data:\u00a0WellProductionData1<\/li>\n<li>Actual Column: (Text) OilStored<\/li>\n<li>Main Fill Colour:\u00a0(Text) #FF0000<\/li>\n<li>Secondary Fill Colour:\u00a0(Text) #E60000<\/li>\n<li>Maximum Value Column:\u00a0(Text) OilStorageMax<\/li>\n<li>Number of Ticks: 10<\/li>\n<li>Show Value: (selected)<\/li>\n<\/ul>\n<p class=\"intro-text\">\u00a0<\/p>\n<p class=\"intro-text\"><strong>Step 4. Add\u00a0the Entity Selector<\/strong><\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/tankentity.png\" rel=\"lightbox-5\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-3519\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/tankentity-800x435.png\" alt=\"tankentity\" width=\"800\" height=\"435\" \/><\/a><\/p>\n<p class=\"intro-text\">This step allows the user to select an entity, which will drive the volume\u00a0level of the tank.<\/p>\n<ul class=\"intro-text\">\n<li>Drag and drop the <a title=\"Entity Selector\" href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/entity-selector\/\">Entity Selector<\/a> control onto the canvas.<\/li>\n<li>Configure it as follows:\n<ul class=\"intro-text\">\n<li>Selected Entity: selectedEntity<\/li>\n<li>Selected Entities: (blank)<\/li>\n<li>Hierarchy Name: (Text) Oil and Gas<\/li>\n<li>Template Filter: (Text) Oil Producing Well<\/li>\n<li>Number of Selections: 1<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p class=\"intro-text\">\u00a0<\/p>\n<p class=\"intro-text\"><strong>Step 5. All done!<\/strong><\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/tankshow.png\" rel=\"lightbox-1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-3520\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/tankshow-800x360.png\" alt=\"tankshow\" width=\"800\" height=\"360\" \/><\/a><\/p>\n<p class=\"intro-text\">Congratulations! You now have a tank\u00a0that will change volume levels\u00a0according to the selected entity.<\/p>\n<ul class=\"intro-text\">\n<li>Click the preview\u00a0<a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/03\/preview.png\" rel=\"lightbox[1433] lightbox-7\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2896\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/03\/preview.png\" alt=\"preview\" width=\"13\" height=\"14\" \/><\/a>\u00a0button on the Studio toolbar to see what your page will look like in run-time.<\/li>\n<li>Select entities and observe the changes in the tank level.<\/li>\n<\/ul>\n<p class=\"intro-text\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1348\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/save.png\" alt=\"save\" width=\"48\" height=\"53\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/save.png 48w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/save-22x24.png 22w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/save-33x36.png 33w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/save-43x48.png 43w\" sizes=\"auto, (max-width: 48px) 100vw, 48px\" \/> Don\u2019t forget to <a title=\"Saving Your Page\" href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-create-your-first-page\/saving-your-page\/\">save your page<\/a>!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Tank\u00a0displays a data value as the percentage fill in a simulated tank shape. This article describes how to configure a tank, and applies to versions 4.3.2 and earlier of P2 Explorer.<\/p>\n<p class=\"continue-reading-button\"> <a class=\"continue-reading-link\" href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/tank\/tank-4-3-2\/\">Read more<i class=\"crycon-right-dir\"><\/i><\/a><\/p>\n","protected":false},"author":1,"featured_media":4654,"parent":32714,"menu_order":4,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":"","_members_access_role":[],"_members_access_error":""},"categories":[11],"tags":[168],"class_list":["post-15328","page","type-page","status-publish","has-post-thumbnail","hentry","category-tutorial","tag-tank","Product-ex"],"_links":{"self":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/15328","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=15328"}],"version-history":[{"count":0,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/15328\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/32714"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/media\/4654"}],"wp:attachment":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/media?parent=15328"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/categories?post=15328"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/tags?post=15328"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}