{"id":29373,"date":"2018-05-18T12:19:31","date_gmt":"2018-05-18T04:19:31","guid":{"rendered":"http:\/\/localhost\/help\/?page_id=29373"},"modified":"2024-06-06T11:55:13","modified_gmt":"2024-06-06T03:55:13","slug":"using-the-text-input","status":"publish","type":"page","link":"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/using-the-page-controls\/using-the-text-input\/","title":{"rendered":"Using the Text Input"},"content":{"rendered":"\n<p class=\"left-bar\">This article applies to versions 4.5.2 and later of IFS OI Explorer.<\/p>\n<h2 class=\"page-subheading\">Overview<\/h2>\n<p class=\"intro-text\">The Text Input control is available for the user to type a value (number or text) which is used to update a variable. This variable is used elsewhere on the page, often to filter a dataset query that populates a data table or chart.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/08\/Text-Input-Control-Image.png\" rel=\"lightbox-0\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-29445 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/08\/Text-Input-Control-Image.png\" alt=\"\" width=\"326\" height=\"78\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/08\/Text-Input-Control-Image.png 326w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/08\/Text-Input-Control-Image-150x36.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/08\/Text-Input-Control-Image-24x6.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/08\/Text-Input-Control-Image-36x9.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/08\/Text-Input-Control-Image-48x11.png 48w\" sizes=\"auto, (max-width: 326px) 100vw, 326px\" \/><\/a><\/p>\n<p class=\"intro-text\">When the page is opened, the Text Input control shows either the variable value (if this has a default), or the control's hint text (if it has one), otherwise just the words: 'Text Input...'.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Using-the-Text-Input.png\" rel=\"lightbox-1\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-39048 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Using-the-Text-Input.png\" alt=\"\" width=\"489\" height=\"101\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Using-the-Text-Input.png 489w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Using-the-Text-Input-150x31.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Using-the-Text-Input-24x5.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Using-the-Text-Input-36x7.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/05\/Using-the-Text-Input-48x10.png 48w\" sizes=\"auto, (max-width: 489px) 100vw, 489px\" \/><\/a><\/p>\n<p class=\"intro-text\">In this example, the user types a number to limit the entities shown in the chart. Only those whose total downtime hours for the period are greater than the user-captured Text Input number appear in the chart.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/08\/End-of-Tutorial-2.png\" rel=\"lightbox-2\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-29332 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/08\/End-of-Tutorial-2.png\" alt=\"\" width=\"486\" height=\"547\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/08\/End-of-Tutorial-2.png 486w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/08\/End-of-Tutorial-2-133x150.png 133w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/08\/End-of-Tutorial-2-21x24.png 21w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/08\/End-of-Tutorial-2-32x36.png 32w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/08\/End-of-Tutorial-2-43x48.png 43w\" sizes=\"auto, (max-width: 486px) 100vw, 486px\" \/><\/a><\/p>\n<hr \/>\n<h2 class=\"page-subheading\">Working with the Text Input Control<\/h2>\n<h3>Showing the Hint<\/h3>\n<p class=\"intro-text\">Hover over the control to see the hint.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/08\/Hover-to-show-hint.png\" rel=\"lightbox-3\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-29425 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/08\/Hover-to-show-hint.png\" alt=\"\" width=\"484\" height=\"88\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/08\/Hover-to-show-hint.png 484w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/08\/Hover-to-show-hint-150x27.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/08\/Hover-to-show-hint-24x4.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/08\/Hover-to-show-hint-36x7.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/08\/Hover-to-show-hint-48x9.png 48w\" sizes=\"auto, (max-width: 484px) 100vw, 484px\" \/><\/a><\/p>\n<h3>Entering the Text<\/h3>\n<p class=\"intro-text\">Type in text to update a variable. The hint, as well as the general context, should let you know whether to type text or a number.<\/p>\n<p class=\"intro-text\">In the example below, it's clear that you should type <em>text<\/em> into the control:<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/08\/Filter-by-comments.png\" rel=\"lightbox-4\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-29421 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/08\/Filter-by-comments.png\" alt=\"\" width=\"485\" height=\"306\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/08\/Filter-by-comments.png 485w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/08\/Filter-by-comments-150x95.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/08\/Filter-by-comments-24x15.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/08\/Filter-by-comments-36x23.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/08\/Filter-by-comments-48x30.png 48w\" sizes=\"auto, (max-width: 485px) 100vw, 485px\" \/><\/a><\/p>\n<p class=\"note\"><strong>Note: <\/strong> If the variable contains a value, you need to overwrite this. If the text is just showing a hint, then this clears as you click into the control.<\/p>\n<p class=\"left-bar\">Watch the video to see how the entered downtime hours limit determines which entities appear in the downtime hours chart (based on their downtime hours).<\/p>\n\r\n\t<!-- Begin Video.js -->\r\n\t<video id=\"example_video_id_1261222275\" class=\"video-js vjs-default-skin\" width=\"728\" height=\"598\" controls preload=\"auto\" data-setup='[]'>\r\n\t\t<source src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/videos\/TextInputVideo.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<h3>Sharing the Page<\/h3>\n<p class=\"intro-text\">When you share the page, the value you have entered into a Text Input is retained when the page is opened from the share link.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Text Input control is available for you to type a value (number or text) which is used to update a variable. This variable is used elsewhere on the page, often to filter a dataset query that populates a data table or chart.<\/p>\n<p class=\"continue-reading-button\"> <a class=\"continue-reading-link\" href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/using-the-page-controls\/using-the-text-input\/\">Read more<i class=\"crycon-right-dir\"><\/i><\/a><\/p>\n","protected":false},"author":8,"featured_media":29454,"parent":4254,"menu_order":52,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":"","_members_access_role":[],"_members_access_error":""},"categories":[4],"tags":[701,513,437],"class_list":["post-29373","page","type-page","status-publish","has-post-thumbnail","hentry","category-explainer","tag-inputs","tag-text","tag-variables","Version-4-5-2","Product-ex"],"_links":{"self":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/29373","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\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/comments?post=29373"}],"version-history":[{"count":2,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/29373\/revisions"}],"predecessor-version":[{"id":66981,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/29373\/revisions\/66981"}],"up":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/4254"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/media\/29454"}],"wp:attachment":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/media?parent=29373"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/categories?post=29373"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/tags?post=29373"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}