{"id":296,"date":"2020-08-20T12:25:19","date_gmt":"2020-08-20T12:25:19","guid":{"rendered":"https:\/\/ecubeapps.com\/portal\/help\/?post_type=ht_kb&#038;p=296"},"modified":"2020-08-20T14:17:43","modified_gmt":"2020-08-20T14:17:43","slug":"custom-controls-section","status":"publish","type":"ht_kb","link":"https:\/\/ecubeapps.com\/portal\/help\/knowledge-base\/custom-controls-section\/","title":{"rendered":"Usage of custom controls"},"content":{"rendered":"\n<pre class=\"wp-block-preformatted\"><strong>Slider:<\/strong><\/pre>\n\n\n\n<p>The slider Control makes it easier to submit numbers. The user will get a slider with the pointer. Form visitor will select numbers by using a pointer. Properties can be set to have a starting and ending number and the incremental value. Ex: \u2013 1,3,5,7 or 5,10,15 etc.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1024\" height=\"474\" src=\"https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-34-1024x474.png\" alt=\"\" class=\"wp-image-298\" srcset=\"https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-34-1024x474.png 1024w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-34-300x139.png 300w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-34-768x356.png 768w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-34-50x23.png 50w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-34-920x426.png 920w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-34-600x278.png 600w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-34-320x148.png 320w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-34.png 1352w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<pre class=\"wp-block-preformatted\"><strong>Spinner:<\/strong><\/pre>\n\n\n\n<p>Spinner Control helps to male easier to submit numbers. The user will get a \u2018+\u2019 and \u2018-\u2018 symbols. Properties can be set to have a starting and ending number and the incremental value. Ex: \u2013 1,3,5,7 or 5,10,15 etc.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1024\" height=\"477\" src=\"https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-35-1024x477.png\" alt=\"\" class=\"wp-image-299\" srcset=\"https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-35-1024x477.png 1024w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-35-300x140.png 300w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-35-768x358.png 768w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-35-50x23.png 50w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-35-920x428.png 920w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-35-600x279.png 600w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-35-320x149.png 320w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-35.png 1349w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<pre class=\"wp-block-preformatted\"><strong>Rich Text:<\/strong><\/pre>\n\n\n\n<p>Using the Rich text field, user should be able to enter any text and apply different styles for that text.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"736\" height=\"558\" src=\"https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-36.png\" alt=\"\" class=\"wp-image-302\" srcset=\"https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-36.png 736w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-36-300x227.png 300w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-36-50x38.png 50w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-36-600x455.png 600w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-36-320x243.png 320w\" sizes=\"(max-width: 736px) 100vw, 736px\" \/><\/figure>\n\n\n\n<pre class=\"wp-block-preformatted\"><strong>Time:<\/strong><\/pre>\n\n\n\n<p>This field Formats hours, minutes, and seconds in one line. In addition to custom Formatting, the Time field also requires that all input is actual time. If the user\u2019s input is \u201c36:10:54 AM\u201d then they would receive an error notifying them of an invalid time.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1024\" height=\"475\" src=\"https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-37-1024x475.png\" alt=\"\" class=\"wp-image-303\" srcset=\"https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-37-1024x475.png 1024w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-37-300x139.png 300w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-37-768x356.png 768w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-37-50x23.png 50w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-37-920x427.png 920w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-37-600x278.png 600w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-37-320x149.png 320w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-37.png 1351w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<pre class=\"wp-block-preformatted\"><strong>Price:<\/strong><\/pre>\n\n\n\n<p>The Price Control will accept Dollars, Euros, Pesos, Pounds Sterling, and Yen. The Price field is used to gathering data that is in a monetary Format. Any data entered in this field will be validated to ensure that it is numeric.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1024\" height=\"476\" src=\"https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-38-1024x476.png\" alt=\"\" class=\"wp-image-305\" srcset=\"https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-38-1024x476.png 1024w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-38-300x140.png 300w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-38-768x357.png 768w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-38-50x23.png 50w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-38-920x428.png 920w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-38-600x279.png 600w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-38-320x149.png 320w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-38.png 1350w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<pre class=\"wp-block-preformatted\"><strong>Photo:<\/strong><\/pre>\n\n\n\n<p>The user should able to upload a photo using browse option and also he should be able to access camera option for capturing photos. The user can upload local photos using browse option or upload image captured with computer\u2019s built-in camera<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1024\" height=\"477\" src=\"https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-39-1024x477.png\" alt=\"\" class=\"wp-image-306\" srcset=\"https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-39-1024x477.png 1024w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-39-300x140.png 300w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-39-768x358.png 768w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-39-50x23.png 50w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-39-920x429.png 920w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-39-600x280.png 600w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-39-320x149.png 320w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-39.png 1349w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<pre class=\"wp-block-preformatted\"><strong>Switch:<\/strong><\/pre>\n\n\n\n<p>This field presents a switch to the user and it can have ON\/OFF buttons. It allows the user to set either ON or OFF, but not both at a time.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1024\" height=\"475\" src=\"https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-40-1024x475.png\" alt=\"\" class=\"wp-image-308\" srcset=\"https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-40-1024x475.png 1024w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-40-300x139.png 300w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-40-768x356.png 768w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-40-50x23.png 50w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-40-920x427.png 920w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-40-600x278.png 600w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-40-320x148.png 320w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-40.png 1349w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<pre class=\"wp-block-preformatted\"><strong>Segmented Buttons:<\/strong><\/pre>\n\n\n\n<p>This field also presents a list of options to the user, but the catch is that they can only select one of the options. The options should be displayed in a line. So, if you offer red, green, and blue as options then user forced to pick one of those three colors.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1024\" height=\"477\" src=\"https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-41-1024x477.png\" alt=\"\" class=\"wp-image-309\" srcset=\"https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-41-1024x477.png 1024w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-41-300x140.png 300w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-41-768x358.png 768w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-41-50x23.png 50w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-41-920x429.png 920w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-41-600x280.png 600w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-41-320x149.png 320w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-41.png 1350w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<pre class=\"wp-block-preformatted\"><strong>Map Control:<\/strong><\/pre>\n\n\n\n<p>With the help of Map Control in eCubeApps, user will get to know the location on the control. And also it allows the user to search the location on the Map Control.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1024\" height=\"477\" src=\"https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-43-1024x477.png\" alt=\"\" class=\"wp-image-310\" srcset=\"https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-43-1024x477.png 1024w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-43-300x140.png 300w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-43-768x358.png 768w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-43-50x23.png 50w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-43-920x429.png 920w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-43-600x280.png 600w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-43-320x149.png 320w, https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-43.png 1348w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>When user selects the required control and drag&amp;drop in Form Designer area, the control will be added to the Form. Now the user can set the control properties through field properties tab. Once the user complete the designing of his Form.<\/p>\n\n\n\n<p><\/p>\n","protected":false},"author":6,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0},"ht_kb_category":[115],"ht_kb_tag":[116,117,18,107],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v14.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\r\n<title>Usage of custom controls - eCubeApps Help<\/title>\r\n<meta name=\"robots\" content=\"index, follow\" \/>\r\n<meta name=\"googlebot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\r\n<meta name=\"bingbot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\r\n<link rel=\"canonical\" href=\"https:\/\/ecubeapps.com\/portal\/help\/knowledge-base\/custom-controls-section\/\" \/>\r\n<meta property=\"og:locale\" content=\"en_US\" \/>\r\n<meta property=\"og:type\" content=\"article\" \/>\r\n<meta property=\"og:title\" content=\"Usage of custom controls - eCubeApps Help\" \/>\r\n<meta property=\"og:description\" content=\"Slider: The slider Control makes it easier to submit numbers. The user will get a slider with the pointer. Form visitor will select numbers by using a pointer. Properties can be set to have a starting and ending number and the incremental value. Ex: \u2013 1,3,5,7 or 5,10,15 etc. Spinner: [&hellip;]\" \/>\r\n<meta property=\"og:url\" content=\"https:\/\/ecubeapps.com\/portal\/help\/knowledge-base\/custom-controls-section\/\" \/>\r\n<meta property=\"og:site_name\" content=\"eCubeApps Help\" \/>\r\n<meta property=\"article:modified_time\" content=\"2020-08-20T14:17:43+00:00\" \/>\r\n<meta property=\"og:image\" content=\"https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-34-1024x474.png\" \/>\r\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\r\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ecubeapps.com\/portal\/help\/#website\",\"url\":\"https:\/\/ecubeapps.com\/portal\/help\/\",\"name\":\"eCubeApps Help\",\"description\":\"Application Help Centre\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/ecubeapps.com\/portal\/help\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/ecubeapps.com\/portal\/help\/knowledge-base\/custom-controls-section\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/ecubeapps.com\/portal\/help\/wp-content\/uploads\/sites\/2\/2020\/08\/1-34.png\",\"width\":1352,\"height\":626},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ecubeapps.com\/portal\/help\/knowledge-base\/custom-controls-section\/#webpage\",\"url\":\"https:\/\/ecubeapps.com\/portal\/help\/knowledge-base\/custom-controls-section\/\",\"name\":\"Usage of custom controls - eCubeApps Help\",\"isPartOf\":{\"@id\":\"https:\/\/ecubeapps.com\/portal\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/ecubeapps.com\/portal\/help\/knowledge-base\/custom-controls-section\/#primaryimage\"},\"datePublished\":\"2020-08-20T12:25:19+00:00\",\"dateModified\":\"2020-08-20T14:17:43+00:00\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ecubeapps.com\/portal\/help\/knowledge-base\/custom-controls-section\/\"]}]}]}<\/script>\r\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/ecubeapps.com\/portal\/help\/wp-json\/wp\/v2\/ht_kb\/296"}],"collection":[{"href":"https:\/\/ecubeapps.com\/portal\/help\/wp-json\/wp\/v2\/ht_kb"}],"about":[{"href":"https:\/\/ecubeapps.com\/portal\/help\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/ecubeapps.com\/portal\/help\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/ecubeapps.com\/portal\/help\/wp-json\/wp\/v2\/comments?post=296"}],"version-history":[{"count":2,"href":"https:\/\/ecubeapps.com\/portal\/help\/wp-json\/wp\/v2\/ht_kb\/296\/revisions"}],"predecessor-version":[{"id":411,"href":"https:\/\/ecubeapps.com\/portal\/help\/wp-json\/wp\/v2\/ht_kb\/296\/revisions\/411"}],"wp:attachment":[{"href":"https:\/\/ecubeapps.com\/portal\/help\/wp-json\/wp\/v2\/media?parent=296"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/ecubeapps.com\/portal\/help\/wp-json\/wp\/v2\/ht_kb_category?post=296"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/ecubeapps.com\/portal\/help\/wp-json\/wp\/v2\/ht_kb_tag?post=296"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}