{"id":2717,"date":"2015-03-24T18:25:25","date_gmt":"2015-03-24T10:25:25","guid":{"rendered":"http:\/\/localhost\/help\/?page_id=2717"},"modified":"2017-12-14T14:30:49","modified_gmt":"2017-12-14T06:30:49","slug":"current-time-toggle-4-3-2","status":"publish","type":"page","link":"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/current-time-toggle\/current-time-toggle-4-3-2\/","title":{"rendered":"Current Date\/Time Toggle (4.3.2)"},"content":{"rendered":"

This article applies to versions 4.3.2 and earlier of P2 Explorer. For help on the latest version of the Current Date\/Time Toggle, see Current Date\/Time Toggle<\/a>.<\/p>\n

This article describes how to add a Current Date\/Time Toggle control to a page during the page design process. For details on how to use the Current Date\/Time Toggle during run time, see: Using Time Pickers<\/a>.<\/p>\n

<\/p>\n

Overview<\/h3>\n

The Current Date\/Time Toggle 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. The page refreshes at the rate specified in the configuration settings for this component.<\/p>\n

The following diagram shows the initial configuration of the Current Date\/Time Toggle:<\/p>\n

\"current\"<\/a><\/p>\n\n\n\n\n\n
Date\/Time<\/strong>:<\/td>\nThe date\/time that this component publishes when the check box is selected and every time the page refreshes. This is an event with a date\/time value.<\/td>\n<\/tr>\n
Is On<\/strong>:<\/td>\nThe event that is published to indicate that the check box has been selected, which means that the time should be set to the current time (now). This is an event with a boolean value.<\/td>\n<\/tr>\n
Refresh Rate<\/strong>:<\/td>\nThe time, in seconds, after which the page automatically refreshes. The default is 1, which means that the page refreshes every second.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

\u00a0\u00a0<\/p>\n

\n

Tutorial<\/span><\/h3>\n
\n

The Current Date\/Time Toggle is a useful component that enables users to view data at the current time. It is more commonly used with timeseries data than with datasets.<\/p>\n

In this tutorial, we\u2019ll look at adding a Current Date\/Time Toggle that will display the Tubing Head Temperature of a well at the current time. The temperature is shown next to the Current Date\/Time Toggle, as follows:<\/p>\n

\"currentime\"<\/a><\/p>\n

Let\u2019s go through this process, step-by-step.<\/p>\n

\n

Step by Step: Displaying a Current Date\/Time Toggle on a Page\u00a0<\/span><\/span><\/span><\/span><\/h3>\n

Before you start, open a new tab in Explorer and click the \u201cCreate a New Page in Studio Mode\u201d thumbnail. Choose the Precision\u00a0Layout<\/a>.<\/p>\n

You will need to adjust the configuration to suit your data at your site.<\/p>\n

Step 1. Add the\u00a0source data<\/strong><\/p>\n

\"\"<\/a><\/p>\n

Before we can display any\u00a0data on the page, \u00a0we need to add the source data.<\/p>\n