{"id":10706,"date":"2024-03-22T12:19:16","date_gmt":"2024-03-22T12:19:16","guid":{"rendered":"https:\/\/help.uppass.io\/docs\/docs\/no-code-buider\/preset-elements\/"},"modified":"2024-08-08T04:37:24","modified_gmt":"2024-08-08T04:37:24","slug":"preset-elements","status":"publish","type":"docs","link":"https:\/\/www.uppass.io\/help\/docs\/user-guide\/no-code-buider\/preset-elements\/","title":{"rendered":"Preset Elements"},"content":{"rendered":"\n<p>In this article, you will learn how and when to use the preset elements in the form Builder.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Full Name<\/strong> &#8211; Instead of creating separate fields for prefix, first name, middle name, last name. You can use Full name element in order to save time and unify this into a single input. Typically Full Name element is also used as the inputs in the <a href=\"https:\/\/uppass.io\/help\/docs\/docs\/decision-flow\/\">Decision Flow.<\/a> Under the Advance tab, you can define the placeholder and error texts when this fields are empty when it is marked required.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/www.uppass.io\/help\/wp-content\/uploads\/2024\/03\/image-19.png\" alt=\"\" style=\"width:167px;height:auto\"\/><\/figure>\n\n\n\n<p>2. <strong>Gender <\/strong>&#8211; This is the predefined choice with the gender option. This is a commonly used dropdown\/choice in the application form so we make this as preset elements to save time.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/www.uppass.io\/help\/wp-content\/uploads\/2024\/03\/image-20.png\" alt=\"\" style=\"width:160px;height:auto\"\/><\/figure>\n\n\n\n<p>3. <strong>Phone<\/strong> &#8211; This is the short text field with numeric format validation and country code. You can also select the default country code in this Phone Preset element.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/www.uppass.io\/help\/wp-content\/uploads\/2024\/03\/image-21.png\" alt=\"\" style=\"width:249px;height:auto\"\/><\/figure>\n\n\n\n<p>4. <strong>Email<\/strong> &#8211; This is the short text field with email format validation. You can also add Confirm Email text box for user to re-enter their email for validation.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/www.uppass.io\/help\/wp-content\/uploads\/2024\/03\/image-22.png\" alt=\"\" style=\"width:229px;height:auto\"\/><\/figure>\n\n\n\n<p>5. <strong>Address<\/strong> &#8211; This is the address element that combines multiple short text fields into a single element. You can select the default country and the address format fields will be adjusted based on each country address format.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/www.uppass.io\/help\/wp-content\/uploads\/2024\/03\/image-23.png\" alt=\"\" style=\"width:224px;height:auto\"\/><\/figure>\n\n\n\n<p>6. <strong>Dynamic Result<\/strong> &#8211; This is a real-time point calculation element that is based on the answers in each element prior to this Dynamic Result (short answer, dropdown, choice). The use cases for the dynamic result are such as survey result, examination, investment suitability test, risk assessment form, etc. You can adjust the result style and band colors based on the total score they get. There are 2 tabs in the Dynamic Result settting.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/www.uppass.io\/help\/wp-content\/uploads\/2024\/03\/image-24.png\" alt=\"\" style=\"width:561px;height:auto\"\/><\/figure>\n\n\n\n<p><span style=\"text-decoration: underline;\">Calculation<\/span> &#8211; This defines how the total score is calculated. You can &#8216;Add Question&#8217; and set the point for each answer. <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Short Answer &#8211; You can define the score based on the exact word that user respond in the short answer.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/www.uppass.io\/help\/wp-content\/uploads\/2024\/03\/image-25.png\" alt=\"\" style=\"width:455px;height:auto\"\/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Dropdown &#8211; You can define the score based on the option that user select in the drop down element.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/www.uppass.io\/help\/wp-content\/uploads\/2024\/03\/image-27.png\" alt=\"\" style=\"width:462px;height:auto\"\/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Choice &#8211; For multiple choice, you can define the score calculation in multiple ways. Sum \/ Mean \/ Max \/ Min<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/www.uppass.io\/help\/wp-content\/uploads\/2024\/03\/image-28.png\" alt=\"\" style=\"width:463px;height:auto\"\/><\/figure>\n\n\n\n<p><span style=\"text-decoration: underline;\">Display<\/span> &#8211; Under this tab, you have the option to select the score style and configure the result list. <\/p>\n\n\n\n<p>There are currently 4 options for the Score Style. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/www.uppass.io\/help\/wp-content\/uploads\/2024\/03\/image-29.png\" alt=\"\" style=\"width:589px;height:auto\"\/><\/figure>\n\n\n\n<p> Result List<\/p>\n\n\n\n<p>You can divide the range of score based, assign the color band, and provide heading and description underneath the score. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/www.uppass.io\/help\/wp-content\/uploads\/2024\/03\/image-30.png\" alt=\"\" style=\"width:566px;height:auto\"\/><\/figure>\n\n\n\n<p>Example Result Display<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/www.uppass.io\/help\/wp-content\/uploads\/2024\/03\/image-31.png\" alt=\"\" style=\"width:219px;height:auto\"\/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>In this article, you will learn how and when to use the preset elements in the form Builder. 2. Gender &#8211; This is the predefined choice with the gender option. This is a commonly used dropdown\/choice in the application form so we make this as preset elements to save time. 3. Phone &#8211; This is [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":9789,"menu_order":4,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-10706","docs","type-docs","status-publish","hentry","no-post-thumbnail"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Preset Elements - UpPass Help Center<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.uppass.io\/help\/docs\/user-guide\/no-code-buider\/preset-elements\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Preset Elements - UpPass Help Center\" \/>\n<meta property=\"og:description\" content=\"In this article, you will learn how and when to use the preset elements in the form Builder. 2. Gender &#8211; This is the predefined choice with the gender option. This is a commonly used dropdown\/choice in the application form so we make this as preset elements to save time. 3. Phone &#8211; This is [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uppass.io\/help\/docs\/user-guide\/no-code-buider\/preset-elements\/\" \/>\n<meta property=\"og:site_name\" content=\"UpPass Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2024-08-08T04:37:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.uppass.io\/help\/wp-content\/uploads\/2024\/03\/image-19.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.uppass.io\/help\/docs\/user-guide\/no-code-buider\/preset-elements\/\",\"url\":\"https:\/\/www.uppass.io\/help\/docs\/user-guide\/no-code-buider\/preset-elements\/\",\"name\":\"Preset Elements - UpPass Help Center\",\"isPartOf\":{\"@id\":\"https:\/\/www.uppass.io\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.uppass.io\/help\/docs\/user-guide\/no-code-buider\/preset-elements\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.uppass.io\/help\/docs\/user-guide\/no-code-buider\/preset-elements\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.uppass.io\/help\/wp-content\/uploads\/2024\/03\/image-19.png\",\"datePublished\":\"2024-03-22T12:19:16+00:00\",\"dateModified\":\"2024-08-08T04:37:24+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.uppass.io\/help\/docs\/user-guide\/no-code-buider\/preset-elements\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.uppass.io\/help\/docs\/user-guide\/no-code-buider\/preset-elements\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.uppass.io\/help\/docs\/user-guide\/no-code-buider\/preset-elements\/#primaryimage\",\"url\":\"https:\/\/www.uppass.io\/help\/wp-content\/uploads\/2024\/03\/image-19.png\",\"contentUrl\":\"https:\/\/www.uppass.io\/help\/wp-content\/uploads\/2024\/03\/image-19.png\",\"width\":780,\"height\":1556},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.uppass.io\/help\/docs\/user-guide\/no-code-buider\/preset-elements\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.uppass.io\/help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Help Center\",\"item\":\"https:\/\/www.uppass.io\/help\/docs\/user-guide\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"No-Code Builder\",\"item\":\"https:\/\/www.uppass.io\/help\/docs\/user-guide\/no-code-buider\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Preset Elements\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.uppass.io\/help\/#website\",\"url\":\"https:\/\/www.uppass.io\/help\/\",\"name\":\"UpPass Help Center\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.uppass.io\/help\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.uppass.io\/help\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.uppass.io\/help\/#organization\",\"name\":\"UpPass\",\"url\":\"https:\/\/www.uppass.io\/help\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.uppass.io\/help\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.uppass.io\/help\/wp-content\/uploads\/2024\/08\/brand-logo.svg\",\"contentUrl\":\"https:\/\/www.uppass.io\/help\/wp-content\/uploads\/2024\/08\/brand-logo.svg\",\"width\":101,\"height\":24,\"caption\":\"UpPass\"},\"image\":{\"@id\":\"https:\/\/www.uppass.io\/help\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Preset Elements - UpPass Help Center","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.uppass.io\/help\/docs\/user-guide\/no-code-buider\/preset-elements\/","og_locale":"en_US","og_type":"article","og_title":"Preset Elements - UpPass Help Center","og_description":"In this article, you will learn how and when to use the preset elements in the form Builder. 2. Gender &#8211; This is the predefined choice with the gender option. This is a commonly used dropdown\/choice in the application form so we make this as preset elements to save time. 3. Phone &#8211; This is [&hellip;]","og_url":"https:\/\/www.uppass.io\/help\/docs\/user-guide\/no-code-buider\/preset-elements\/","og_site_name":"UpPass Help Center","article_modified_time":"2024-08-08T04:37:24+00:00","og_image":[{"url":"https:\/\/www.uppass.io\/help\/wp-content\/uploads\/2024\/03\/image-19.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.uppass.io\/help\/docs\/user-guide\/no-code-buider\/preset-elements\/","url":"https:\/\/www.uppass.io\/help\/docs\/user-guide\/no-code-buider\/preset-elements\/","name":"Preset Elements - UpPass Help Center","isPartOf":{"@id":"https:\/\/www.uppass.io\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uppass.io\/help\/docs\/user-guide\/no-code-buider\/preset-elements\/#primaryimage"},"image":{"@id":"https:\/\/www.uppass.io\/help\/docs\/user-guide\/no-code-buider\/preset-elements\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uppass.io\/help\/wp-content\/uploads\/2024\/03\/image-19.png","datePublished":"2024-03-22T12:19:16+00:00","dateModified":"2024-08-08T04:37:24+00:00","breadcrumb":{"@id":"https:\/\/www.uppass.io\/help\/docs\/user-guide\/no-code-buider\/preset-elements\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uppass.io\/help\/docs\/user-guide\/no-code-buider\/preset-elements\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uppass.io\/help\/docs\/user-guide\/no-code-buider\/preset-elements\/#primaryimage","url":"https:\/\/www.uppass.io\/help\/wp-content\/uploads\/2024\/03\/image-19.png","contentUrl":"https:\/\/www.uppass.io\/help\/wp-content\/uploads\/2024\/03\/image-19.png","width":780,"height":1556},{"@type":"BreadcrumbList","@id":"https:\/\/www.uppass.io\/help\/docs\/user-guide\/no-code-buider\/preset-elements\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uppass.io\/help\/"},{"@type":"ListItem","position":2,"name":"Help Center","item":"https:\/\/www.uppass.io\/help\/docs\/user-guide\/"},{"@type":"ListItem","position":3,"name":"No-Code Builder","item":"https:\/\/www.uppass.io\/help\/docs\/user-guide\/no-code-buider\/"},{"@type":"ListItem","position":4,"name":"Preset Elements"}]},{"@type":"WebSite","@id":"https:\/\/www.uppass.io\/help\/#website","url":"https:\/\/www.uppass.io\/help\/","name":"UpPass Help Center","description":"","publisher":{"@id":"https:\/\/www.uppass.io\/help\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.uppass.io\/help\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.uppass.io\/help\/#organization","name":"UpPass","url":"https:\/\/www.uppass.io\/help\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uppass.io\/help\/#\/schema\/logo\/image\/","url":"https:\/\/www.uppass.io\/help\/wp-content\/uploads\/2024\/08\/brand-logo.svg","contentUrl":"https:\/\/www.uppass.io\/help\/wp-content\/uploads\/2024\/08\/brand-logo.svg","width":101,"height":24,"caption":"UpPass"},"image":{"@id":"https:\/\/www.uppass.io\/help\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.uppass.io\/help\/wp-json\/wp\/v2\/docs\/10706"}],"collection":[{"href":"https:\/\/www.uppass.io\/help\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.uppass.io\/help\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.uppass.io\/help\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uppass.io\/help\/wp-json\/wp\/v2\/comments?post=10706"}],"version-history":[{"count":3,"href":"https:\/\/www.uppass.io\/help\/wp-json\/wp\/v2\/docs\/10706\/revisions"}],"predecessor-version":[{"id":11107,"href":"https:\/\/www.uppass.io\/help\/wp-json\/wp\/v2\/docs\/10706\/revisions\/11107"}],"up":[{"embeddable":true,"href":"https:\/\/www.uppass.io\/help\/wp-json\/wp\/v2\/docs\/9789"}],"wp:attachment":[{"href":"https:\/\/www.uppass.io\/help\/wp-json\/wp\/v2\/media?parent=10706"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.uppass.io\/help\/wp-json\/wp\/v2\/doc_tag?post=10706"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}