{"id":3947,"date":"2024-09-11T09:15:27","date_gmt":"2024-09-11T01:15:27","guid":{"rendered":"https:\/\/five.co\/?p=3947"},"modified":"2025-04-24T08:55:13","modified_gmt":"2025-04-24T00:55:13","slug":"display-types","status":"publish","type":"post","link":"https:\/\/preview-php85.dzine.org\/five\/blog\/display-types\/","title":{"rendered":"Advanced Forms: Display Types"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Advanced Forms &#8211; Part 4: Display Types<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Hi and welcome to Five&#8217;s <em><strong>Advanced Forms<\/strong><\/em> series. This series of blog posts teaches you how to design the perfect form in Five. From changing the layout of your form to adding calculated fields &#8211; we cover everything you need to know to give your users access to a custom-designed form that does exactly as needed.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In this blog post, we introduce <strong>Five&#8217;s Prebuilt Display Types<\/strong>, which let you define how a field is shown to your users. From simple text fields to checkboxes and ratings, Five gives you a wide selection of useful display types that you can use to make your form user-friendly and intuitive! <\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">About Five: More Than Just Forms<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Five is a rapid application development environment with advanced form-building features.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">With Five, you can easily launch sophisticated forms to the web in minutes. For an example of a form developed in Five, <a href=\"https:\/\/default-bookingform-tryfive.5au.dev\/url\/booking\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">check out this hypothetical booking form, which combines several of Five&#8217;s features.<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Unlike traditional form builders, which only store submitted data, Five allows you to <strong>directly connect your form to a database<\/strong>. This connection enables you to <strong>query your database and generate visual representations of your data<\/strong>. Most traditional form builders require exporting data to third-party tools for analysis, adding extra steps and potential for errors.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">While traditional form builders may suffice for very basic data collection tasks, they often struggle with large datasets or high data volumes. <strong>Five\u2019s database-connected solution, on the other hand, is designed to handle substantial amounts of data efficiently<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">One of the standout features of Five is the ability to <strong>create login-protected forms.<\/strong> This ensures that only authorized users can access and process data. Traditional form builders often lack these advanced security features, leaving your data vulnerable to unauthorized access.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In addition to its advanced data management and security features, <strong>Five allows you to build dashboards and generate detailed reports directly from your data<\/strong>. You can create visual data representations such as charts and graphs.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To see your form submissions, Five gives you a full-fledged, login-protected submissions admin interface.<\/p>\n\n\n\n<div style=\"background-color: #001524;\"><hr style=\"height: 5px;\">\n<pre style=\"text-align: center; overflow: hidden; white-space: pre-line;\"><span style=\"color: #f1ebda; background-color: #4588d8; font-size: calc(18px + 0.390625vw);\"><strong>Build and Launch Database-Connected Forms<\/strong><br><span style=\"font-size: 14pt;\">Rapidly build and deploy your system today<\/span><\/span><\/pre>\n<p style=\"text-align: center;\"><a href=\"https:\/\/preview-php85.dzine.org\/five\/get-started\" target=\"_blank\" rel=\"noopener\"><button style=\"background-color: #f8b92b; border: none; color: black; padding: 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 18px; cursor: pointer; margin: 4px 2px; border-radius: 5px;\"><strong>Get Instant Access<\/strong><\/button><br><\/a><\/p>\n<hr style=\"height: 5px;\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Five&#8217;s Form Design Tools: Display Types<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Display types are an incredibly easy-to-use yet powerful feature in Five. A display type defines how a form field is <em>displayed <\/em>to end-users.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Explainer: Display Types vs Data Types<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">It&#8217;s important not to confuse <em>display types <\/em>with <em>data types.<\/em> <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Display types<\/strong> define how a form field is displayed to your end-users in the application. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Data types<\/strong>, on the other hand, are on the database level and define how the database stores the data. The data type is a guideline for your SQL database to understand what type of data is expected inside of each database column, and it also identifies how SQL will interact with the stored data. In Five, data types are defined on the table level, inside the <a href=\"https:\/\/preview-php85.dzine.org\/five\/blog\/creating-tables\/\" target=\"_blank\" rel=\"noreferrer noopener\">Table Wizard<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Make sure your display and data types are aligned. For example, if your display type is a text field, but your database expects a numeric input (such as a float), your application will throw an error.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Five&#8217;s Out-of-the-Box Display Types<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Now, let&#8217;s first take a look at some of Five&#8217;s more popular out-of-the-box display types. To see some of these display types in action, check out our <a href=\"https:\/\/default-bookingform-tryfive.5au.dev\/url\/booking\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">sample form<\/a> here.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>1. _Text:<\/strong> A text field is a simple input field that accepts text, such as a name, an address, or a description. Text fields are stored as a <em>data type<\/em> string inside the database. <br>The Name or City fields in our <a href=\"https:\/\/default-bookingform-tryfive.5au.co\/url\/booking\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">sample form<\/a> are text fields.<br><strong>2. _Date and _DateTime: <\/strong>These fields open up a date picker when clicked. Date and DateTime fields are stored as <em>data type<\/em> Date or DateTime inside the database.<br>In our <a href=\"https:\/\/default-bookingform-tryfive.5au.dev\/url\/booking\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">sample app<\/a>, the <strong>Booking Time<\/strong> field is a <strong>_DateTime<\/strong> field. <br><strong>3. _Currency:<\/strong> A currency field is displayed with a $ symbol. Currency fields are stored as a <em>Float <\/em>inside the database. <br>In our <a href=\"https:\/\/default-bookingform-tryfive.5au.dev\/url\/booking\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">sample app<\/a>, the <strong>Price<\/strong> field is a <strong>_Currency<\/strong> field. <br><strong>4. _Radio: <\/strong>A radio field shows a selection of predefined choices that users can select. Radio fields are stored as a <em>data type<\/em> string inside the database.<br>The Contact Mode field in our <a href=\"https:\/\/default-bookingform-tryfive.5au.dev\/url\/booking\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">sample form<\/a> is a radio field.<br>5. <strong>_Checkboxes<\/strong>: A checkbox field lets users toggle a button. Checkbox fields are stored as a <em>data type<\/em> string inside the database.<br>The <strong>I Agree to Receive Marketing Communication<\/strong> field in our <a href=\"https:\/\/default-bookingform-tryfive.5au.dev\/url\/booking\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">sample form<\/a> is a checkbox.<br>6. <strong>_Label<\/strong>: A label is a simple text inside your form. <a href=\"https:\/\/preview-php85.dzine.org\/five\/blog\/form-labels\/\">Learn more about labels here.<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here&#8217;s a non-exhaustive overview of some of Five&#8217;s display types:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img width=\"1024\" height=\"741\" src=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-58-1024x741.png\" alt=\"Five.Co - Display Types in Our Form\" class=\"wp-image-4003\" srcset=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-58-1024x741.png 1024w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-58-300x217.png 300w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-58-768x556.png 768w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-58-1536x1112.png 1536w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-58-2048x1483.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>The display types used in our sample form<\/em><\/figcaption><\/figure>\n<\/div>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"wp-block-paragraph\">There are many more pre-defined display types in Five, such as passwords, document uploaders, images, or ratings. You can also add <a href=\"https:\/\/preview-php85.dzine.org\/five\/blog\/buttons\/\">buttons<\/a> to your form or create dropdown lists by using the <a href=\"https:\/\/preview-php85.dzine.org\/five\/blog\/dropdown-lists-combo-box\/\">combo display type<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Display types are a great way to define your forms and make them foolproof. The display types enable users to successfully enter the data that the form is designed to accept. For example, a currency field won&#8217;t accept text, but only numeric inputs. This means that your form is less likely to lead to data-entry errors or create dirty data.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Selecting a Display Type for a Form Field<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">To define the display type for a form field, follow these steps:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Prerequisites:<\/strong><br>Have at least one application with one database table and one form ready in Five.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">1. In Five, go to <strong>Visual &gt; Forms<\/strong>, and select the form you would like to change display types for from the list.<br>2. Next, click <strong>Pages<\/strong> and select the page with your form. By default, your form&#8217;s first page is always the <strong>General <\/strong>page, as shown here:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img width=\"1024\" height=\"294\" src=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-27-1024x294.png\" alt=\"\" class=\"wp-image-3929\" srcset=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-27-1024x294.png 1024w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-27-300x86.png 300w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-27-768x221.png 768w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-27-1536x441.png 1536w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-27-2048x588.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"wp-block-paragraph\">3. Select the <strong>General <\/strong>page (or any other page that is a <strong>Page Type Form)<\/strong>. <br>4. Next, click on <strong>Fields<\/strong> to see an overview of all fields inside your form.<br>5. Select one of your existing fields by clicking on it. You will now see a screen similar to what is shown here:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img width=\"1024\" height=\"619\" src=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-38-1024x619.png\" alt=\"\" class=\"wp-image-3949\" srcset=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-38-1024x619.png 1024w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-38-300x181.png 300w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-38-768x465.png 768w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-38-1536x929.png 1536w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-38-2048x1239.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"wp-block-paragraph\">6. Display types can be selected in the <strong>Display Type<\/strong> dropdown box. <br>7. When you are done selecting your display type, make sure to hit the <strong>Save<\/strong> button.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Display Types in Five<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Display types are an easy way to make your forms more user-friendly. They are also important for future data analysis. For example, for performing calculations, it is important to work with numbers (and not texts). By selecting the right display type for your form fields, you are creating the foundation for building a more complex application.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Display Types: Practical Tips<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Five&#8217;s pre-defined display types give developers a comprehensive list of ready-to-use UI features, such as date pickers, currency fields, or radio buttons and checkboxes. Use these display types to make your form user-friendly and to ensure users provide the right data inputs.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you can&#8217;t find the right display type from Five&#8217;s library, Five gives you the option to define custom display types. <a href=\"https:\/\/preview-php85.dzine.org\/five\/blog\/custom-display-types\/\">To find out how custom display types work, read the next part of our series.<\/a><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Finding Help<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Have more questions? <a href=\"https:\/\/five.org\" rel=\"nofollow noopener\" target=\"_blank\">Join our user community<\/a> to connect with others and get answers.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Continue Reading About Advanced Forms<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Discover all articles of our <em>Advanced Forms<\/em> series here. <\/p>\n\n\n<div class=\"root-eb-post-grid-angoz wp-block-essential-blocks-post-grid\">\n    <div class=\"eb-parent-wrapper eb-parent-eb-post-grid-angoz \">\n        <div class=\"eb-post-grid-angoz style-1  eb-post-grid-wrapper\"\n            data-id=\"eb-post-grid-angoz\"\n            data-querydata=\"{&quot;source&quot;:&quot;post&quot;,&quot;sourceIndex&quot;:0,&quot;rest_base&quot;:&quot;posts&quot;,&quot;rest_namespace&quot;:&quot;wp\\\/v2&quot;,&quot;author&quot;:&quot;&quot;,&quot;taxonomies&quot;:[],&quot;per_page&quot;:&quot;3&quot;,&quot;offset&quot;:&quot;0&quot;,&quot;orderby&quot;:&quot;date&quot;,&quot;order&quot;:&quot;desc&quot;,&quot;include&quot;:&quot;[{\\&quot;value\\&quot;:3999,\\&quot;label\\&quot;:\\&quot;Advanced Forms: Dropdown Lists and Combo Boxes\\&quot;},{\\&quot;value\\&quot;:3978,\\&quot;label\\&quot;:\\&quot;Advanced Forms: Calculated Fields\\&quot;},{\\&quot;value\\&quot;:3992,\\&quot;label\\&quot;:\\&quot;Advanced Forms: Adding Buttons to Your Form\\&quot;},{\\&quot;value\\&quot;:3969,\\&quot;label\\&quot;:\\&quot;Advanced Forms: Conditional Logic and Branching in Forms\\&quot;},{\\&quot;value\\&quot;:3951,\\&quot;label\\&quot;:\\&quot;Advanced Forms: Custom Display Types\\&quot;},{\\&quot;value\\&quot;:3947,\\&quot;label\\&quot;:\\&quot;Advanced Forms: Display Types\\&quot;},{\\&quot;value\\&quot;:3940,\\&quot;label\\&quot;:\\&quot;Advanced Forms: Adding In-Field Help\\&quot;},{\\&quot;value\\&quot;:3934,\\&quot;label\\&quot;:\\&quot;Advanced Forms: Using Labels to Structure Your Form\\&quot;},{\\&quot;value\\&quot;:3924,\\&quot;label\\&quot;:\\&quot;Advanced Forms: Five&#8217;s Form Designer\\&quot;}]&quot;,&quot;exclude&quot;:&quot;&quot;,&quot;exclude_current&quot;:true,&quot;exclude_password_protected&quot;:false,&quot;ignore_sticky_posts&quot;:true}\"\n            data-attributes=\"{&quot;thumbnailSize&quot;:&quot;&quot;,&quot;loadMoreOptions&quot;:{&quot;enableMorePosts&quot;:true,&quot;loadMoreType&quot;:&quot;1&quot;,&quot;loadMoreButtonTxt&quot;:&quot;Load More&quot;,&quot;alignment&quot;:&quot;center&quot;,&quot;prevTxt&quot;:&quot;&lt;&quot;,&quot;nextTxt&quot;:&quot;&gt;&quot;,&quot;totalPosts&quot;:9},&quot;showSearch&quot;:false,&quot;showTaxonomyFilter&quot;:false,&quot;enableAjaxSearch&quot;:false,&quot;addIcon&quot;:true,&quot;iconPosition&quot;:&quot;left&quot;,&quot;icon&quot;:&quot;fas fa-chevron-right&quot;,&quot;preset&quot;:&quot;style-1&quot;,&quot;defaultFilter&quot;:&quot;all&quot;,&quot;version&quot;:&quot;v2&quot;,&quot;showBlockContent&quot;:true,&quot;showFallbackImg&quot;:false,&quot;fallbackImgUrl&quot;:&quot;&quot;,&quot;showThumbnail&quot;:false,&quot;showTitle&quot;:false,&quot;titleLength&quot;:&quot;&quot;,&quot;titleTag&quot;:&quot;h2&quot;,&quot;showContent&quot;:true,&quot;contentLength&quot;:7,&quot;expansionIndicator&quot;:&quot;...&quot;,&quot;showReadMore&quot;:true,&quot;readmoreText&quot;:&quot;Read More&quot;,&quot;showMeta&quot;:false,&quot;headerMeta&quot;:&quot;[{\\&quot;value\\&quot;:\\&quot;categories\\&quot;,\\&quot;label\\&quot;:\\&quot;Categories\\&quot;}]&quot;,&quot;footerMeta&quot;:&quot;[]&quot;,&quot;authorPrefix&quot;:&quot;by&quot;,&quot;datePrefix&quot;:&quot;on&quot;,&quot;showFeaturedPost&quot;:false,&quot;featuredPostId&quot;:&quot;&quot;,&quot;showFeaturedPostTitle&quot;:true,&quot;showFeaturedPostContent&quot;:false,&quot;showFeaturedPostMeta&quot;:true,&quot;showFeaturedHeaderMeta&quot;:true,&quot;showFeaturedFooterMeta&quot;:true,&quot;featuredMetaItems&quot;:&quot;{}&quot;,&quot;featuredExcerptLength&quot;:10}\">\n\n            \n\n            <div class=\"eb-post-grid-posts-wrapper\"><article class=\"ebpg-grid-post ebpg-post-grid-column\" data-id=\"3999\"><div class=\"ebpg-grid-post-holder\"><div class=\"ebpg-entry-wrapper\"><div class=\"ebpg-entry-content\"><div class=\"ebpg-grid-post-excerpt\">\n            <p>Advanced Forms &#8211; Part 9: Display Types\n\n\n\nHi&#8230;<\/p>\n        <\/div><div class=\"ebpg-readmore-btn\">\n            <a href=\"https:\/\/preview-php85.dzine.org\/five\/blog\/dropdown-lists-combo-box\/\"><i class=\"fas fa-chevron-right eb-button-icon eb-button-icon-left hvr-icon\"><\/i> Read More <\/a>\n        <\/div><\/div><\/div><\/div><\/article><article class=\"ebpg-grid-post ebpg-post-grid-column\" data-id=\"3992\"><div class=\"ebpg-grid-post-holder\"><div class=\"ebpg-entry-wrapper\"><div class=\"ebpg-entry-content\"><div class=\"ebpg-grid-post-excerpt\">\n            <p>Advanced Forms &#8211; Part 8: Adding Buttons&#8230;<\/p>\n        <\/div><div class=\"ebpg-readmore-btn\">\n            <a href=\"https:\/\/preview-php85.dzine.org\/five\/blog\/buttons\/\"><i class=\"fas fa-chevron-right eb-button-icon eb-button-icon-left hvr-icon\"><\/i> Read More <\/a>\n        <\/div><\/div><\/div><\/div><\/article><article class=\"ebpg-grid-post ebpg-post-grid-column\" data-id=\"3978\"><div class=\"ebpg-grid-post-holder\"><div class=\"ebpg-entry-wrapper\"><div class=\"ebpg-entry-content\"><div class=\"ebpg-grid-post-excerpt\">\n            <p>Advanced Forms &#8211; Part 7: Automatically Calculate&#8230;<\/p>\n        <\/div><div class=\"ebpg-readmore-btn\">\n            <a href=\"https:\/\/preview-php85.dzine.org\/five\/blog\/calculated-fields\/\"><i class=\"fas fa-chevron-right eb-button-icon eb-button-icon-left hvr-icon\"><\/i> Read More <\/a>\n        <\/div><\/div><\/div><\/div><\/article><\/div><p class=\"eb-no-posts eb-loadmore-no-post\" style=\"display: none;\">No more posts<\/p><div class=\"ebpostgrid-pagination ebpg-pagination \"><button class=\"btn ebpg-pagination-button\" data-pagenumber=\"1\">Load More<\/button><\/div>        <\/div>\n    <\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n","protected":false},"excerpt":{"rendered":"<p>Advanced Forms &#8211; Part 4: Display Types Hi and welcome to Five&#8217;s Advanced Forms series. This series of blog posts teaches you how to design the perfect form in Five. From changing the layout of your form to adding calculated fields &#8211; we cover everything you need to know to give your users access to [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":3950,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_eb_attr":"","_uag_custom_page_level_css":"","footnotes":""},"categories":[21,49],"tags":[],"class_list":["post-3947","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-how-to"],"acf":[],"uagb_featured_image_src":{"full":["https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/Five.Co-Advanced-Forms-Display-Types.jpg",1280,720,false],"thumbnail":["https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/Five.Co-Advanced-Forms-Display-Types-150x150.jpg",150,150,true],"medium":["https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/Five.Co-Advanced-Forms-Display-Types-300x169.jpg",300,169,true],"medium_large":["https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/Five.Co-Advanced-Forms-Display-Types-768x432.jpg",768,432,true],"large":["https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/Five.Co-Advanced-Forms-Display-Types-1024x576.jpg",1024,576,true],"1536x1536":["https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/Five.Co-Advanced-Forms-Display-Types.jpg",1280,720,false],"2048x2048":["https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/Five.Co-Advanced-Forms-Display-Types.jpg",1280,720,false]},"uagb_author_info":{"display_name":"Dominik Keller","author_link":"https:\/\/preview-php85.dzine.org\/five\/author\/f1v5_ed3_my\/"},"uagb_comment_info":0,"uagb_excerpt":"Advanced Forms &#8211; Part 4: Display Types Hi and welcome to Five&#8217;s Advanced Forms series. This series of blog posts teaches you how to design the perfect form in Five. From changing the layout of your form to adding calculated fields &#8211; we cover everything you need to know to give your users access to&hellip;","_links":{"self":[{"href":"https:\/\/preview-php85.dzine.org\/five\/wp-json\/wp\/v2\/posts\/3947","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/preview-php85.dzine.org\/five\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/preview-php85.dzine.org\/five\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/preview-php85.dzine.org\/five\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/preview-php85.dzine.org\/five\/wp-json\/wp\/v2\/comments?post=3947"}],"version-history":[{"count":0,"href":"https:\/\/preview-php85.dzine.org\/five\/wp-json\/wp\/v2\/posts\/3947\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/preview-php85.dzine.org\/five\/wp-json\/wp\/v2\/media\/3950"}],"wp:attachment":[{"href":"https:\/\/preview-php85.dzine.org\/five\/wp-json\/wp\/v2\/media?parent=3947"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/preview-php85.dzine.org\/five\/wp-json\/wp\/v2\/categories?post=3947"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/preview-php85.dzine.org\/five\/wp-json\/wp\/v2\/tags?post=3947"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}