{"id":19877,"date":"2017-11-08T14:08:27","date_gmt":"2017-11-08T06:08:27","guid":{"rendered":"http:\/\/localhost\/help\/?page_id=19877"},"modified":"2024-10-23T14:21:09","modified_gmt":"2024-10-23T06:21:09","slug":"wind-vane","status":"publish","type":"page","link":"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/wind-vane\/","title":{"rendered":"Wind Vane"},"content":{"rendered":"\n<p class=\"left-bar\">This article applies to versions 4.4.4 and later of IFS OI Explorer.\u00a0<\/p>\n<h2 class=\"page-subheading\">Overview<\/h2>\n<p class=\"overview\">The Wind Vane\u00a0shows the current wind direction in relation to a nominated critical direction and associated zones.\u00a0<\/p>\n<p class=\"intro-text\">The following diagram shows a Wind Vane\u00a0being configured:<\/p>\n<p class=\"intro-text\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-vane-config1.png\" rel=\"lightbox-0\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-19953 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-vane-config1.png\" width=\"731\" height=\"409\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-vane-config1.png 731w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-vane-config1-150x84.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-vane-config1-24x13.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-vane-config1-36x20.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-vane-config1-48x27.png 48w\" sizes=\"auto, (max-width: 731px) 100vw, 731px\" \/><\/a>\u00a0<\/p>\n<p class=\"note\">Note: Wind direction is expressed as an angle in degrees. For simplicity, you should enter the angles as values between 0-360. However, angles will wrap around 360 degrees to cater for sources that retrieve the value outside this range\u00a0(e.g. 400 deg = 40 deg, and 361 deg = 1 deg) .<\/p>\n<table>\n<tbody>\n<tr>\n<td width=\"150\"><strong>Current Direction<\/strong>:<\/td>\n<td>The source\u00a0from which the Wind Vane\u00a0gets\u00a0its wind direction data.\u00a0<\/td>\n<\/tr>\n<tr>\n<td><strong>Minimum Direction<\/strong>:<\/td>\n<td>The direction, in degrees, that is considered to be the lowest value for the wind direction.<\/td>\n<\/tr>\n<tr>\n<td><strong>Maximum Direction<\/strong>:<\/td>\n<td>The direction, in degrees, that is considered to be the highest\u00a0value for the wind direction.<\/td>\n<\/tr>\n<tr>\n<td><strong>Average Direction<\/strong>:<\/td>\n<td>The direction, in degrees, that is considered to be the mean\u00a0value for the wind direction. E.g. This could be used to indicate the prevailing wind.\u00a0<\/td>\n<\/tr>\n<tr>\n<td><strong>Danger\u00a0Direction<\/strong>:<\/td>\n<td>The wind direction, in degrees, that indicates a potential problem. E.g. This could be used to indicate the direction of the nearest settlement to the facility.<\/td>\n<\/tr>\n<tr>\n<td><strong>Danger Range<\/strong>:<\/td>\n<td>The angle (in degrees), relative to the Danger Direction, designating\u00a0the total range that indicates\u00a0a potential problem. When the current wind direction is within this range, the colour changes to red. \u00a0Values greater than 360 are truncated to 360.<br \/>\nE.g.\u00a0If 45 is specified, the Danger Range\u00a0will be 22.5 degrees left of the Danger Direction and 22.5\u00a0degrees right of the Danger Direction, resulting in a total range of 45 degrees.\u00a0<\/td>\n<\/tr>\n<tr>\n<td><strong>Warning\u00a0Range<\/strong>:<\/td>\n<td>The angle (in degrees), relative to the Danger Direction, designating\u00a0the range that indicates\u00a0a potential problem of lesser severity than the Danger Range. When the current wind direction is between\u00a0this range and the Danger Range, the colour changes to yellow. <br \/>\nThis value should be greater than the Danger Range value. If this value is less than or equal to the Danger Range, the wind vane will never show\u00a0a warning.\u00a0Values greater than 360 are truncated to 360.<br \/>\nE.g.\u00a0If 90 is specified, the Warning Range\u00a0will be 45 degrees left of the Danger Direction and 45 degrees right of the Danger Direction, resulting in a total range of 90 degrees.<\/td>\n<\/tr>\n<tr>\n<td><strong>Style<\/strong>:<\/td>\n<td>The style you want to apply to the Wind Vane\u00a0component.\u00a0If you are a Style Administrator, you can add a new Wind Vane\u00a0style.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p class=\"left-bar-p2blue\">Related: <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/using-the-page-controls\/reading-a-wind-vane\/\">Reading a Wind Vane<\/a> in display mode, Adding a <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-admin\/explorer-styles\/styling-displays\/\">Wind Vane style<\/a><\/p>\n<p class=\"intro-text\">\u00a0\u00a0<\/p>\n<hr \/>\n<h2 class=\"page-subheading\">Tutorial:\u00a0Creating a\u00a0Wind Vane\u00a0<\/h2>\n<p class=\"note\">If you're unfamiliar with the process of building pages, read the article\u00a0<a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-create-your-first-page\/building-an-explorer-page\/\" data-slimstat-clicked=\"false\" data-slimstat-type=\"2\" data-slimstat-tracking=\"false\" data-slimstat-callback=\"false\" data-slimstat-async=\"false\">Building an Explorer Page<\/a>.<\/p>\n<p class=\"intro-text\">In this tutorial, we'll show you how to set up a Wind Vane\u00a0that updates its direction automatically every 3 seconds.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-vane-tut.png\" rel=\"lightbox-1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-19962\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-vane-tut.png\" alt=\"wind-vane-tut\" width=\"391\" height=\"342\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-vane-tut.png 391w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-vane-tut-150x131.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-vane-tut-24x21.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-vane-tut-36x31.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-vane-tut-48x42.png 48w\" sizes=\"auto, (max-width: 391px) 100vw, 391px\" \/><\/a><\/p>\n<p class=\"intro-text\">Let\u2019s go through this process, step-by-step.<\/p>\n<p class=\"left-bar\"><strong>Note<\/strong>: This configuration uses the <em>Sample Data <\/em>table\u00a0and queries that can be optionally made available\u00a0during initial installation and setup. If you don't have access to this data, you will need to adjust the configuration to suit your data at your site.<\/p>\n<p class=\"intro-text\">\u00a0<\/p>\n<hr \/>\n<p class=\"intro-text\"><strong>Step 1. Prepare a Studio Page<\/strong><\/p>\n<p class=\"intro-text\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14281\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/01\/newpage.png\" sizes=\"auto, (max-width: 438px) 100vw, 438px\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/01\/newpage.png 438w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/01\/newpage-150x37.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/01\/newpage-400x100.png 400w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/01\/newpage-250x62.png 250w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/01\/newpage-24x6.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/01\/newpage-36x9.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/01\/newpage-48x12.png 48w\" alt=\"New Page button on ribbon\" width=\"438\" height=\"109\" \/><\/p>\n<p class=\"intro-text\">Before you start, click the <strong>New Page<\/strong>\u00a0button on the Home tab of the ribbon. Choose the Precision\u00a0layout.<\/p>\n<p class=\"intro-text\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/precisionlayout-choose.png\" rel=\"lightbox-2\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14475\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/precisionlayout-choose.png\" alt=\"Precision Layout 4.4\" width=\"907\" height=\"587\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/precisionlayout-choose.png 907w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/precisionlayout-choose-768x497.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/precisionlayout-choose-150x97.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/precisionlayout-choose-24x16.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/precisionlayout-choose-36x23.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/precisionlayout-choose-48x31.png 48w\" sizes=\"auto, (max-width: 907px) 100vw, 907px\" \/><\/a><\/p>\n<p class=\"left-bar\">Related: <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/precision-layout\/\">Precision\u00a0Layout<\/a> tutorial<\/p>\n<p>&nbsp;<\/p>\n<p class=\"intro-text\"><strong>Step 2. Add\u00a0the\u00a0Wind Vane<\/strong><\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-2-1.png\" rel=\"lightbox-3\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-19967 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-2-1.png\" width=\"1285\" height=\"629\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-2-1.png 1285w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-2-1-768x376.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-2-1-150x73.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-2-1-1280x627.png 1280w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-2-1-24x12.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-2-1-36x18.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-2-1-48x23.png 48w\" sizes=\"auto, (max-width: 1285px) 100vw, 1285px\" \/><\/a><\/p>\n<p class=\"intro-text\">Drag and drop the Wind Vane\u00a0component\u00a0onto a grid cell.\u00a0The Wind Vane\u00a0is in the Display\u00a0<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1844 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/display.png\" alt=\"Display group icon\" width=\"22\" height=\"13\" \/>\u00a0group. <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/precision-layout\/\">Position<\/a> it as follows:<\/p>\n<ul>\n<li class=\"intro-text\">X: 371<\/li>\n<li class=\"intro-text\">Y: 9<\/li>\n<li class=\"intro-text\">Width: 350<\/li>\n<li class=\"intro-text\">Height: 330<\/li>\n<\/ul>\n<p class=\"intro-text\">\u00a0<\/p>\n<p class=\"intro-text\"><strong>Step 3. Configure\u00a0the Wind Vane<\/strong>\u00a0<\/p>\n<p class=\"intro-text\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-3.png\" rel=\"lightbox-4\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-19968\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-3.png\" alt=\"wind-tut-3\" width=\"700\" height=\"628\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-3.png 700w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-3-150x135.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-3-24x22.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-3-36x32.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-3-48x43.png 48w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<p class=\"intro-text\">Configure the Wind Vane\u00a0as follows.<\/p>\n<div>\n<p class=\"left-bar\">Related: <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/data-selector\/\" data-slimstat-clicked=\"false\" data-slimstat-type=\"2\" data-slimstat-tracking=\"false\" data-slimstat-callback=\"false\" data-slimstat-async=\"false\">Data Selector<\/a>, <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-primers\/variables\/\" data-slimstat-clicked=\"false\" data-slimstat-type=\"2\" data-slimstat-tracking=\"false\" data-slimstat-async=\"false\" data-slimstat-callback=\"false\">Variables<\/a><\/p>\n<p class=\"intro-text\"><strong>Configuring the Current Direction<\/strong>:\u00a0<\/p>\n<ul class=\"intro-text\">\n<li>Open the <strong>Current Direction\u00a0<\/strong>Data Selector by clicking on the field. Click the Attribute\u00a0<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-18892 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/Attribute-Icon.png\" alt=\"Attribute Icon\" width=\"20\" height=\"19\" \/>\u00a0tab, and fill in the fields as follows:\n<ul class=\"intro-text\">\n<li>Entity: <em><strong>Wind<\/strong><br \/>\n<\/em><\/li>\n<li>Template: <em><strong>Weather Conditions<\/strong><\/em><\/li>\n<li>Attribute: <em><strong>Wind<\/strong><\/em><\/li>\n<li>Attribute Value: <em><strong>Wind Direction<\/strong><\/em><\/li>\n<li>Sample Method: (Variable) <em><strong>pageSampleMethod<\/strong><\/em><\/li>\n<li>Sample Interval: (Variable) <em><strong>pageSampleInterval<\/strong><\/em><\/li>\n<li>Time: (Variable) <em><strong>endTime<\/strong><\/em><\/li>\n<li>Item: <em><strong>Value<\/strong><\/em><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-3-1.png\" rel=\"lightbox-5\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-19969\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-3-1.png\" alt=\"wind-tut-3-1\" width=\"317\" height=\"442\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-3-1.png 317w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-3-1-108x150.png 108w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-3-1-17x24.png 17w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-3-1-26x36.png 26w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-3-1-34x48.png 34w\" sizes=\"auto, (max-width: 317px) 100vw, 317px\" \/><\/a><\/p>\n<div class=\"best-prac\"><i class=\"fa fa-star fa-2x fa-pull-left\"><\/i><span class=\"best-prac-text\">TOP TIP<\/span><\/p>\n<p class=\"intro-text\">Click the Preview button to check that you are getting data. If the preview window is blank, you may have filled in a parameter incorrectly.<\/p>\n<\/div>\n<p class=\"intro-text\">\u00a0<\/p>\n<p class=\"intro-text\"><strong>Configuring the Minimum Direction<\/strong>:<\/p>\n<p class=\"intro-text\">You can get\u00a0this value from a tag if it's likely to change, otherwise it's easier to simply enter a fixed value.<\/p>\n<ul class=\"intro-text\">\n<li>Click away from the Data Selector.<\/li>\n<li>Open the <strong>Minimum\u00a0Direction\u00a0<\/strong>Data Selector by clicking on the field. Stay on\u00a0the Value\u00a0<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-15215 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/dataselectorvalueicon.png\" alt=\"Data selector Value icon\" width=\"15\" height=\"15\" \/>\u00a0tab, and fill in the field as follows:\n<ul class=\"intro-text\">\n<li>Value:\u00a00<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/div>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-3-2.png\" rel=\"lightbox-6\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-19970\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-3-2.png\" alt=\"wind-tut-3-2\" width=\"317\" height=\"158\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-3-2.png 317w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-3-2-150x75.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-3-2-24x12.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-3-2-36x18.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-3-2-48x24.png 48w\" sizes=\"auto, (max-width: 317px) 100vw, 317px\" \/><\/a><\/p>\n<div>\n<p class=\"intro-text\">\u00a0<\/p>\n<p class=\"intro-text\"><strong>Configuring the Maximum Direction<\/strong>:<\/p>\n<p class=\"intro-text\">You can get\u00a0this value from a tag if it's likely to change, otherwise it's easier to simply enter a fixed value.<\/p>\n<ul class=\"intro-text\">\n<li>Click away from the Data Selector.<\/li>\n<li>Open the <strong>Maximum\u00a0Direction\u00a0<\/strong>Data Selector by clicking on the field. Stay on\u00a0the Value\u00a0<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-15215 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/dataselectorvalueicon.png\" alt=\"Data selector Value icon\" width=\"15\" height=\"15\" \/>\u00a0tab, and fill in the field as follows:\n<ul class=\"intro-text\">\n<li>Value: 180<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p class=\"intro-text\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-3-3.png\" rel=\"lightbox-7\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-19972\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-3-3.png\" alt=\"wind-tut-3-3\" width=\"316\" height=\"193\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-3-3.png 316w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-3-3-150x92.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-3-3-24x15.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-3-3-36x22.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-3-3-48x29.png 48w\" sizes=\"auto, (max-width: 316px) 100vw, 316px\" \/><\/a><\/p>\n<\/div>\n<p class=\"intro-text\">\u00a0<\/p>\n<p class=\"intro-text\"><strong>Configuring the Average\u00a0Direction<\/strong>:<\/p>\n<p class=\"intro-text\">You can get\u00a0this value from a tag if it's likely to change, otherwise it's easier to simply enter a fixed value.<\/p>\n<ul class=\"intro-text\">\n<li>Click away from the Data Selector.<\/li>\n<li>Open the <strong>Average\u00a0Direction\u00a0<\/strong>Data Selector by clicking on the field. Stay on\u00a0the Value\u00a0<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-15215 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/dataselectorvalueicon.png\" alt=\"Data selector Value icon\" width=\"15\" height=\"15\" \/>\u00a0tab, and fill in the field as follows:\n<ul class=\"intro-text\">\n<li>Value: 90<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<div>\n<p class=\"intro-text\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-3-4.png\" rel=\"lightbox-8\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-19973\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-3-4.png\" alt=\"wind-tut-3-4\" width=\"316\" height=\"231\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-3-4.png 316w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-3-4-150x110.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-3-4-24x18.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-3-4-36x26.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-3-4-48x35.png 48w\" sizes=\"auto, (max-width: 316px) 100vw, 316px\" \/><\/a><\/p>\n<\/div>\n<p class=\"intro-text\">\u00a0<\/p>\n<p class=\"intro-text\"><strong>Configuring the Danger\u00a0Direction<\/strong>:<\/p>\n<p class=\"intro-text\">You can get\u00a0this value from a tag if it's likely to change, otherwise it's easier to simply enter a fixed value.<\/p>\n<ul class=\"intro-text\">\n<li>Click away from the Data Selector.<\/li>\n<li>Open the <strong>Danger\u00a0Direction\u00a0<\/strong>Data Selector by clicking on the field. Stay on\u00a0the Value\u00a0<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-15215 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/dataselectorvalueicon.png\" alt=\"Data selector Value icon\" width=\"15\" height=\"15\" \/>\u00a0tab, and fill in the field as follows:\n<ul class=\"intro-text\">\n<li>Value: 270<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<div>\n<p class=\"intro-text\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-3-5.png\" rel=\"lightbox-9\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-19974\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-3-5.png\" alt=\"wind-tut-3-5\" width=\"316\" height=\"270\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-3-5.png 316w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-3-5-150x128.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-3-5-24x21.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-3-5-36x31.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-3-5-48x41.png 48w\" sizes=\"auto, (max-width: 316px) 100vw, 316px\" \/><\/a><\/p>\n<\/div>\n<p class=\"intro-text\">\u00a0<\/p>\n<p class=\"intro-text\"><strong>Configuring the Danger\u00a0Range<\/strong>:<\/p>\n<p class=\"intro-text\">You can get\u00a0this value from a tag if it's likely to change, otherwise it's easier to simply enter a fixed value.<\/p>\n<ul class=\"intro-text\">\n<li>Click away from the Data Selector.<\/li>\n<li>Open the <strong>Danger\u00a0Range\u00a0<\/strong>Data Selector by clicking on the field. Stay on\u00a0the Value\u00a0<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-15215 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/dataselectorvalueicon.png\" alt=\"Data selector Value icon\" width=\"15\" height=\"15\" \/>\u00a0tab, and fill in the field as follows:\n<ul class=\"intro-text\">\n<li>Value: 15<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<div>\n<p class=\"intro-text\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-3-6.png\" rel=\"lightbox-10\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-19975\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-3-6.png\" alt=\"wind-tut-3-6\" width=\"316\" height=\"309\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-3-6.png 316w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-3-6-150x147.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-3-6-24x24.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-3-6-36x36.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-3-6-48x48.png 48w\" sizes=\"auto, (max-width: 316px) 100vw, 316px\" \/><\/a><\/p>\n<\/div>\n<p class=\"intro-text\">\u00a0<\/p>\n<p class=\"intro-text\"><strong>Configuring the Warning\u00a0Range<\/strong>:<\/p>\n<p class=\"intro-text\">You can get\u00a0this value from a tag if it's likely to change, otherwise it's easier to simply enter a fixed value.<\/p>\n<ul class=\"intro-text\">\n<li>Click away from the Data Selector.<\/li>\n<li>Open the <strong>Warning\u00a0Range\u00a0<\/strong>Data Selector by clicking on the field. Stay on\u00a0the Value\u00a0<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-15215 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/02\/dataselectorvalueicon.png\" alt=\"Data selector Value icon\" width=\"15\" height=\"15\" \/>\u00a0tab, and fill in the field as follows:\n<ul class=\"intro-text\">\n<li>Value: 60<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-3-7.png\" rel=\"lightbox-11\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-19976\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-3-7.png\" alt=\"wind-tut-3-7\" width=\"316\" height=\"346\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-3-7.png 316w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-3-7-137x150.png 137w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-3-7-22x24.png 22w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-3-7-33x36.png 33w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-3-7-44x48.png 44w\" sizes=\"auto, (max-width: 316px) 100vw, 316px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p class=\"intro-text\"><strong>Step 4. Add and Configure a Current Date\/Time Toggle<\/strong><\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-4.png\" rel=\"lightbox-12\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-19977\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-4.png\" alt=\"wind-tut-4\" width=\"1305\" height=\"629\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-4.png 1305w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-4-768x370.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-4-150x72.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-4-1280x617.png 1280w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-4-24x12.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-4-36x17.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-4-48x23.png 48w\" sizes=\"auto, (max-width: 1305px) 100vw, 1305px\" \/><\/a><\/p>\n<p class=\"intro-text\">In this step, we add the Current Date\/Time Toggle component to\u00a0refresh the page automatically every 3 seconds. We can\u00a0use the Basic\u00a0configuration for this.<\/p>\n<p class=\"intro-text\">Configure the fields as follows:<\/p>\n<ul class=\"intro-text\">\n<li><strong>Date\/Time<\/strong>: endTime\u00a0(this is the default)<\/li>\n<li><strong>IsOn<\/strong>: isNow\u00a0(this is the default)<\/li>\n<li><strong>Refresh Rate<\/strong>: 3<\/li>\n<\/ul>\n<p class=\"left-bar\">Related: <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/current-time-toggle\/\">Current Date\/Time Toggle<\/a>\u00a0tutorial<\/p>\n<p class=\"intro-text\">\u00a0<\/p>\n<p class=\"intro-text\"><strong>Step 5. Set the Default Values<\/strong><\/p>\n<p class=\"intro-text\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-5.png\" rel=\"lightbox-13\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-19986\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-5.png\" alt=\"wind-tut-5\" width=\"1305\" height=\"820\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-5.png 1305w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-5-768x483.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-5-150x94.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-5-1280x804.png 1280w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-5-24x15.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-5-36x23.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-tut-5-48x30.png 48w\" sizes=\"auto, (max-width: 1305px) 100vw, 1305px\" \/><\/a><\/p>\n<p class=\"intro-text\">At the moment, the page depends on the user to click the Current Date\/Time Toggle to automatically refresh the page. However, you may not want to rely on the user doing this, so let's set up the default state for the toggle to be selected.<\/p>\n<div class=\"best-prac\"><i class=\"fa fa-trophy fa-2x fa-pull-left\"><\/i><span class=\"best-prac-text\">BEST PRACTICE<\/span><\/p>\n<p class=\"best-prac-desc\">You should specify default values that are appropriate for your intended purpose.<\/p>\n<\/div>\n<p class=\"intro-text\">\u00a0<\/p>\n<p class=\"intro-text\">To do this, we need to add a new default variable that matches the <strong>IsOn<\/strong> variable in the Current Date\/Time Toggle's configuration, from the previous step.<\/p>\n<ol class=\"intro-text\">\n<li>Click the <strong>Defaults\u00a0<\/strong>button in the Studio tab of the ribbon.<\/li>\n<li>Click the <strong>Add<\/strong> button.<\/li>\n<li>Add a new default value named, '<strong>IsNow<\/strong>', with a type of <em>Yes\/No<\/em>, and select the check box.<\/li>\n<\/ol>\n<p class=\"intro-text\">You should now see the Current Date\/Time Toggle update to reflect the '<em>yes<\/em>' state. \u00a0<\/p>\n<p class=\"left-bar\">Related: <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-primers\/variables\/\" data-slimstat-clicked=\"false\" data-slimstat-type=\"2\" data-slimstat-tracking=\"false\" data-slimstat-callback=\"false\" data-slimstat-async=\"false\">Variables<\/a>, <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/default-value\/\" data-slimstat-clicked=\"false\" data-slimstat-type=\"2\" data-slimstat-tracking=\"false\" data-slimstat-callback=\"false\" data-slimstat-async=\"false\">Default Values<\/a><\/p>\n<p class=\"intro-text\">\u00a0<\/p>\n<p class=\"intro-text\"><strong>Step 6. All done!<\/strong><\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-vane-tut.png\" rel=\"lightbox-1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-19962\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-vane-tut.png\" alt=\"wind-vane-tut\" width=\"391\" height=\"342\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-vane-tut.png 391w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-vane-tut-150x131.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-vane-tut-24x21.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-vane-tut-36x31.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/09\/wind-vane-tut-48x42.png 48w\" sizes=\"auto, (max-width: 391px) 100vw, 391px\" \/><\/a><\/p>\n<p class=\"intro-text\">Congratulations! You now have a page with a Wind Vane\u00a0that displays the wind direction from a tag, with the Wind Vane refreshing every 3 seconds.<\/p>\n<ul class=\"intro-text\">\n<li>Click the preview\u00a0<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-2896 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/03\/preview.png\" alt=\"preview\" width=\"13\" height=\"14\" \/>\u00a0button on the Studio toolbar to see what your page will look like at\u00a0run time.<\/li>\n<li>Click the toggle button and observe the changes in the Wind Vane.<\/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't forget to <a title=\"Saving Your Page\" href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-create-your-first-page\/saving-your-page\/\">save your page<\/a>!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Wind Vane allows you to monitor changes in wind direction, and changes colour when the direction is within a specified range. This article describes how to configure the Wind Vane in versions 4.4.4 and later of IFS OI 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\/wind-vane\/\">Read more<i class=\"crycon-right-dir\"><\/i><\/a><\/p>\n","protected":false},"author":1,"featured_media":19879,"parent":1407,"menu_order":494,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":"","_members_access_role":[],"_members_access_error":""},"categories":[11],"tags":[523,524],"class_list":["post-19877","page","type-page","status-publish","has-post-thumbnail","hentry","category-tutorial","tag-weather","tag-wind","Product-ex"],"_links":{"self":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/19877","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=19877"}],"version-history":[{"count":2,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/19877\/revisions"}],"predecessor-version":[{"id":67068,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/19877\/revisions\/67068"}],"up":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/1407"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/media\/19879"}],"wp:attachment":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/media?parent=19877"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/categories?post=19877"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/tags?post=19877"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}