  {"id":2314,"date":"2024-01-24T10:37:17","date_gmt":"2024-01-24T15:37:17","guid":{"rendered":"https:\/\/carleton.ca\/cutheme-docs\/?page_id=2314"},"modified":"2024-09-18T20:31:23","modified_gmt":"2024-09-19T00:31:23","slug":"creating-editing-forms","status":"publish","type":"page","link":"https:\/\/carleton.ca\/cutheme-docs\/mastery\/module-5-forms\/creating-editing-forms\/","title":{"rendered":"Creating &#038; Editing Forms"},"content":{"rendered":"\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n            <div class=\"cu-textmedia flex flex-col lg:flex-row mx-auto gap-6 md:gap-10 my-6 md:my-12 first:mt-0 max-w-5xl\">\n        <div class=\"justify-start cu-textmedia-content cu-prose-first-last\" style=\"flex: 0 0 100%;\">\n            <header class=\"font-light prose-xl cu-pageheader md:prose-2xl cu-component-updated cu-prose-first-last\">\n                                    <h1 class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px text-3xl md:text-4xl lg:text-5xl lg:leading-[3.5rem] pb-5 after:w-10 text-cu-black-700 not-prose\">\n                        Creating &#038; Editing Forms\n                    <\/h1>\n                \n                                \n                                    \n\n\n<p>Module 5.1 \u2013 Mastery: Forms: Creating &amp; Editing Forms<\/p>\n\n\n\n                            <\/header>\n\n                    <\/div>\n\n            <\/div>\n\n    <\/div>\n<\/section>\n\n\n\n<p>Forms are a great way to gather information for things like events and workshops, to ask your audience questions, and to provide a way for them to get in touch with you.<\/p>\n\n\n\n\n<div class=\"w-full max-w-xl mx-auto overflow-hidden bg-white rounded-lg shadow-lg cu-stackedlist cu-component not-contained not-prose\">\n    <h2 class=\"px-6 py-4 text-base font-semibold border-b rounded-t-lg md:text-xl bg-gray-50 text-cu-black-800\">\n        Table of Contents\n    <\/h2>\n    <div class=\"grid cu-scrollto cu-stackedlist--toc cu-stackedlist--1 md:grid-cols-1\">\n            <div class=\"space-y-1\">\n                    \n            <div class=\"pl-4 text-cu-red-700\">\n                <div class=\"flex gap-2 pb-3 text-base md:text-lg\">\n                    <span class=\"font-light text-cu-black-700\">\n                        1.\n                    <\/span>\n\n                    <a href=\"#step-by-step\" class=\"font-medium hover:underline\">\n                        Step-By-Step\n                    <\/a>\n                <\/div>\n\n                                        <div class=\"space-y-1\">\n                    \n            <div class=\"pl-10 text-cu-red-700\">\n                <div class=\"flex gap-2 pb-3 text-base md:text-lg\">\n                    <span class=\"font-light text-cu-black-700\">\n                        1.1\n                    <\/span>\n\n                    <a href=\"#add-a-new-form\" class=\"font-medium hover:underline\">\n                        Add a new form\n                    <\/a>\n                <\/div>\n\n                            <\/div>\n                    \n            <div class=\"pl-10 text-cu-red-700\">\n                <div class=\"flex gap-2 pb-3 text-base md:text-lg\">\n                    <span class=\"font-light text-cu-black-700\">\n                        1.2\n                    <\/span>\n\n                    <a href=\"#edit-a-form\" class=\"font-medium hover:underline\">\n                        Edit a form\n                    <\/a>\n                <\/div>\n\n                            <\/div>\n                    \n            <div class=\"pl-10 text-cu-red-700\">\n                <div class=\"flex gap-2 pb-3 text-base md:text-lg\">\n                    <span class=\"font-light text-cu-black-700\">\n                        1.3\n                    <\/span>\n\n                    <a href=\"#customize-a-field\" class=\"font-medium hover:underline\">\n                        Customize a Field\n                    <\/a>\n                <\/div>\n\n                            <\/div>\n                    \n            <div class=\"pl-10 text-cu-red-700\">\n                <div class=\"flex gap-2 pb-3 text-base md:text-lg\">\n                    <span class=\"font-light text-cu-black-700\">\n                        1.4\n                    <\/span>\n\n                    <a href=\"#add-a-captcha\" class=\"font-medium hover:underline\">\n                        Add a CAPTCHA\n                    <\/a>\n                <\/div>\n\n                            <\/div>\n            <\/div>\n\n                            <\/div>\n                    \n            <div class=\"pl-4 text-cu-red-700\">\n                <div class=\"flex gap-2 pb-3 text-base md:text-lg\">\n                    <span class=\"font-light text-cu-black-700\">\n                        2.\n                    <\/span>\n\n                    <a href=\"#video-tutorial\" class=\"font-medium hover:underline\">\n                        Video Tutorial\n                    <\/a>\n                <\/div>\n\n                            <\/div>\n                    \n            <div class=\"pl-4 text-cu-red-700\">\n                <div class=\"flex gap-2 pb-3 text-base md:text-lg\">\n                    <span class=\"font-light text-cu-black-700\">\n                        3.\n                    <\/span>\n\n                    <a href=\"#try-it-out\" class=\"font-medium hover:underline\">\n                        Try it Out!\n                    <\/a>\n                <\/div>\n\n                            <\/div>\n            <\/div>\n\n    <\/div>\n<\/div>\n\n\n\n<h2 id=\"step-by-step\" class=\"wp-block-heading\">Step-By-Step<\/h2>\n\n\n\n<h3 id=\"add-a-new-form\" class=\"wp-block-heading\">Add a new form<\/h3>\n\n\n\n<p>1. From the main navigation menu, select&nbsp;<strong class=\"myprefix-text-bold\">Forms<\/strong>. Click&nbsp;<strong class=\"myprefix-text-bold\"><strong>New<\/strong> Form<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"616\" height=\"184\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/01\/CleanShot-2024-01-24-at-13.21.24@2x.png\" alt=\"Create Blank Form\" class=\"wp-image-2351\" style=\"width:350px;height:auto\" srcset=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/01\/CleanShot-2024-01-24-at-13.21.24@2x.png 616w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/01\/CleanShot-2024-01-24-at-13.21.24@2x-320x96.png 320w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/01\/CleanShot-2024-01-24-at-13.21.24@2x-512x153.png 512w\" sizes=\"auto, (max-width: 616px) 100vw, 616px\" \/><\/figure>\n\n\n\n<p>2. Select <strong class=\"myprefix-text-bold\">Blank Form<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"682\" height=\"678\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/01\/CleanShot-2024-01-24-at-13.24.48@2x.png\" alt=\"Blank form\" class=\"wp-image-2352\" style=\"width:437px;height:auto\" srcset=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/01\/CleanShot-2024-01-24-at-13.24.48@2x.png 682w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/01\/CleanShot-2024-01-24-at-13.24.48@2x-320x318.png 320w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/01\/CleanShot-2024-01-24-at-13.24.48@2x-512x509.png 512w\" sizes=\"auto, (max-width: 682px) 100vw, 682px\" \/><\/figure>\n\n\n\n<p>3. Enter <strong class=\"myprefix-text-bold\">Form Title<\/strong> (required) and <strong class=\"myprefix-text-bold\">Form Description<\/strong> (optional)<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1102\" height=\"514\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/01\/CleanShot-2024-01-24-at-13.25.19@2x.png\" alt=\"Title and Description\" class=\"wp-image-2353\" style=\"width:485px;height:auto\" srcset=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/01\/CleanShot-2024-01-24-at-13.25.19@2x.png 1102w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/01\/CleanShot-2024-01-24-at-13.25.19@2x-320x149.png 320w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/01\/CleanShot-2024-01-24-at-13.25.19@2x-512x239.png 512w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/01\/CleanShot-2024-01-24-at-13.25.19@2x-768x358.png 768w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/01\/CleanShot-2024-01-24-at-13.25.19@2x-1024x478.png 1024w\" sizes=\"auto, (max-width: 1102px) 100vw, 1102px\" \/><\/figure>\n\n\n\n<p>4. Click&nbsp;<strong>Create Form<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"616\" height=\"184\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/01\/CleanShot-2024-01-24-at-13.21.24@2x.png\" alt=\"Create Blank form\" class=\"wp-image-2351\" style=\"width:272px;height:auto\" srcset=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/01\/CleanShot-2024-01-24-at-13.21.24@2x.png 616w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/01\/CleanShot-2024-01-24-at-13.21.24@2x-320x96.png 320w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/01\/CleanShot-2024-01-24-at-13.21.24@2x-512x153.png 512w\" sizes=\"auto, (max-width: 616px) 100vw, 616px\" \/><\/figure>\n\n\n\n<h3 id=\"edit-a-form\" class=\"wp-block-heading\">Edit a form<\/h3>\n\n\n\n<p>1. Use the fields located on the right-hand side of your screen to build the form. Click the fields or drag and drop them to add them to the editing area.<\/p>\n\n\n\n<p>For more information on the specific uses of each field, please visit the <a href=\"https:\/\/docs.gravityforms.com\/form-fields\/#h-standard-fields\" data-type=\"link\" data-id=\"https:\/\/docs.gravityforms.com\/form-fields\/#h-standard-fields\" target=\"_blank\" rel=\"noreferrer noopener\">Gravity Forms documentation site<\/a>.<\/p>\n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n        \n    <div class=\"grid gap-6 mx-auto my-6 cu-column md:gap-10 md:grid-cols-2 md:my-10 first:mt-0\">\n        \n<div class=\"cu-column-content\">\n    \n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"708\" height=\"988\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/01\/CleanShot-2024-01-24-at-13.31.43@2x.png\" alt=\"Standard Fields\" class=\"wp-image-2357\" style=\"width:316px;height:auto\" srcset=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/01\/CleanShot-2024-01-24-at-13.31.43@2x.png 708w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/01\/CleanShot-2024-01-24-at-13.31.43@2x-320x447.png 320w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/01\/CleanShot-2024-01-24-at-13.31.43@2x-512x714.png 512w\" sizes=\"auto, (max-width: 708px) 100vw, 708px\" \/><\/figure>\n\n<\/div>\n\n\n<div class=\"cu-column-content\">\n    \n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"990\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/01\/CleanShot-2024-01-24-at-13.31.59@2x.png\" alt=\"\" class=\"wp-image-2358\" style=\"width:298px;height:auto\" srcset=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/01\/CleanShot-2024-01-24-at-13.31.59@2x.png 700w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/01\/CleanShot-2024-01-24-at-13.31.59@2x-320x453.png 320w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/01\/CleanShot-2024-01-24-at-13.31.59@2x-512x724.png 512w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/figure>\n\n<\/div>\n\n\n    <\/div>\n\n\n    <\/div>\n<\/section>\n\n\n\n<p>2. Clicking on a field will prompt the options to<strong class=\"myprefix-text-bold\">&nbsp;<\/strong><strong class=\"myprefix-text-bold\">1<\/strong><strong class=\"myprefix-text-bold\">)<\/strong><strong class=\"myprefix-text-bold\"> <\/strong><strong class=\"myprefix-text-bold\">Move,&nbsp;2) Duplicate,<\/strong> open&nbsp;3) <strong class=\"myprefix-text-bold\">Settings,<\/strong> and&nbsp;4)<strong class=\"myprefix-text-bold\">Delete<\/strong>&nbsp;the field.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"432\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/01\/form-options.png\" alt=\"Form Options\" class=\"wp-image-2362\" style=\"width:327px;height:auto\" srcset=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/01\/form-options.png 640w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/01\/form-options-320x216.png 320w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/01\/form-options-512x346.png 512w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/figure>\n\n\n\n<p>3. Select&nbsp;<strong class=\"myprefix-text-bold\">Settings<\/strong>&nbsp;to open the&nbsp;<strong class=\"myprefix-text-bold\">Field Settings<\/strong>, which allows you to customize the field.<\/p>\n\n\n\n<p>4. When you are done editing, click&nbsp;<strong class=\"myprefix-text-bold\">Save Form<\/strong> at the top right.<\/p>\n\n\n\n<h3 id=\"customize-a-field\" class=\"wp-block-heading\">Customize a Field<\/h3>\n\n\n\n<p>When you open the <strong class=\"myprefix-text-bold\">Field Settings<\/strong>, you will see the following tabs: <strong class=\"myprefix-text-bold\">General, Appearance, Advanced<\/strong> and <strong class=\"myprefix-text-bold\">Conditional Logic<\/strong>.<\/p>\n\n\n\n<p>Click the dropdown arrow at the right of each tab to access settings.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"738\" height=\"140\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/01\/CleanShot-2024-01-24-at-14.17.53@2x.png\" alt=\"General Settings\" class=\"wp-image-2367\" style=\"width:328px;height:auto\" srcset=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/01\/CleanShot-2024-01-24-at-14.17.53@2x.png 738w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/01\/CleanShot-2024-01-24-at-14.17.53@2x-320x61.png 320w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/01\/CleanShot-2024-01-24-at-14.17.53@2x-512x97.png 512w\" sizes=\"auto, (max-width: 738px) 100vw, 738px\" \/><\/figure>\n\n\n\n<p><strong class=\"myprefix-text-bold\">1. General<\/strong><\/p>\n\n\n\n<p>This tab varies between fields, but generally, it has the following options: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong class=\"myprefix-text-bold\">Field label:<\/strong> to change the title of the field. <em class=\"myprefix-text-italic\">E.g., Program of Study<\/em><\/li>\n\n\n\n<li><strong class=\"myprefix-text-bold\">Description:<\/strong> to add a description to the field <em class=\"myprefix-text-italic\">E.g., What program are you in?<\/em><\/li>\n\n\n\n<li><strong class=\"myprefix-text-bold\">Rules: <\/strong>You can mark this field as <strong class=\"myprefix-text-bold\">Required<\/strong> (i.e., the users must fill this field to be able to submit the form) and <strong class=\"myprefix-text-bold\">No Duplicates<\/strong> (i.e., the users can only enter a unique value to this field)<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"746\" height=\"836\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/01\/CleanShot-2024-01-24-at-14.21.06@2x.png\" alt=\"General settings\" class=\"wp-image-2368\" style=\"width:306px;height:auto\" srcset=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/01\/CleanShot-2024-01-24-at-14.21.06@2x.png 746w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/01\/CleanShot-2024-01-24-at-14.21.06@2x-320x359.png 320w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/01\/CleanShot-2024-01-24-at-14.21.06@2x-512x574.png 512w\" sizes=\"auto, (max-width: 746px) 100vw, 746px\" \/><\/figure>\n\n\n\n<p><strong class=\"myprefix-text-bold\">2. Appearance: <\/strong>options to change the look of the field <em class=\"myprefix-text-italic\">E.g., small, medium or large field<\/em><\/p>\n\n\n\n<p><strong class=\"myprefix-text-bold\">3. Advanced: <\/strong>customize functionality <em class=\"myprefix-text-italic\">E.g., make a field hidden<\/em><\/p>\n\n\n\n<p><strong class=\"myprefix-text-bold\">4. Conditional Formatting:<\/strong> customize what the user sees depending on their form inputs<\/p>\n\n\n\n<p>Each field has slightly different settings, so we recommend you explore each field, see what they&#8217;re used for, and how they might be useful for you.<\/p>\n\n\n\n<p>For detailed information on field settings and customization, please visit the <a href=\"https:\/\/docs.gravityforms.com\/form-fields\/#h-standard-fields\" data-type=\"link\" data-id=\"https:\/\/docs.gravityforms.com\/form-fields\/#h-standard-fields\" target=\"_blank\" rel=\"noreferrer noopener\">Gravity Forms documentation site<\/a>.<\/p>\n\n\n\n<h3 id=\"add-a-captcha\" class=\"wp-block-heading\">Add a CAPTCHA<\/h3>\n\n\n\n<p>In order to fight forms spam, we recommend you add a CAPTCHA field to your form. This is a small checkbox that the person completing the form must click on to prove they are human.<\/p>\n\n\n\n<p>You&#8217;ll find this field under the<strong class=\"myprefix-text-bold\"> Advanced Fields<\/strong> tab.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"622\" height=\"298\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/02\/CleanShot-2024-02-01-at-11.00.38@2x.png\" alt=\"CAPTCHA field\" class=\"wp-image-2663\" style=\"width:327px;height:auto\" srcset=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/02\/CleanShot-2024-02-01-at-11.00.38@2x.png 622w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/02\/CleanShot-2024-02-01-at-11.00.38@2x-320x153.png 320w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/02\/CleanShot-2024-02-01-at-11.00.38@2x-512x245.png 512w\" sizes=\"auto, (max-width: 622px) 100vw, 622px\" \/><\/figure>\n\n\n\n<h2 id=\"video-tutorial\" class=\"wp-block-heading\">Video Tutorial<\/h2>\n\n\n\n<div class=\"cu-section cu-section-5xl not-contained  cu-prose cu-prose-dark\"><figure class=\"cu-embed cu-component not-contained mx-auto max-w-5xl\"><div class=\"relative w-full pb-[56.25%] overflow-hidden border border-cu-black-100\"><iframe title=\"Videos Embed\" src=\"https:\/\/www.youtube.com\/embed\/tNtM7lsbj2A\" class=\"cu-embed-iframe\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe><\/div><\/figure><\/div>\n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n        \n    \n    <dl class=\"cu-description cu-component-updated\">\n        \n    <div class=\"grid pt-4 pb-3 border-b accordion border-cu-black-100 md:pt-6 md:pb-5 first:border-t\">\n        <dt class=\"font-semibold not-prose\">\n            <button class=\"flex items-center justify-between w-full text-left accordion__button\" aria-expanded=\"false\" aria-controls=\"accordion-transcript-creating-and-editing-forms\">\n                <span class=\"flex-1 ml-auto text-left break-words whitespace-normal cu-icon\">\n                    Transcript \u2013 Creating and Editing Forms\n                <\/span>\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\" class=\"w-5 h-5 ml-auto transition-transform rotate-0 accordion__icon text-cu-black-500\">\n                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8.25 4.5l7.5 7.5-7.5 7.5\"><\/path>\n                <\/svg>\n            <\/button>\n        <\/dt>\n        <dd class=\"p-0 mt-0 cu-prose cu-prose-first-last accordion__content md:p-0 md:mt-0\" hidden=\"\" id=\"accordion-transcript-creating-and-editing-forms\">\n            \n\n<p>Hello and welcome to cuTheme Mastery Training, Module 5. In this video, we will go over creating and editing forms.<\/p>\n\n\n\n<p>Forms are a way to get interactions from those who view your site. They let users enter information, which will then be sent to the site owner. This can be helpful for getting information for events, user contacts, and so much more.<\/p>\n\n\n\n<p>To create a form, to go the sidebar, hover over \u201cForms\u201d, and click \u201cNew Form\u201d.<\/p>\n\n\n\n<p>A new menu will pop up, so click on \u201cBlank Form\u201d, and enter a form title and description.<\/p>\n\n\n\n<p>Once you have a title and description, click \u201cCreate Blank Form.<\/p>\n\n\n\n<p>You\u2019ll then be taken to an editing screen.<\/p>\n\n\n\n<p>You\u2019ll see there are multiple fields you can add to your form. So, to add a field, either double-click it, or drag and drop into the main area.<\/p>\n\n\n\n<p>For more information for each specific field, you can visit the Gravity Forms documentation site, which can be accessed through the cuTheme docs form page, or in the description of this video.<\/p>\n\n\n\n<p>Once you have field in the form, you have 4 options right here, to move it around, duplicate it, open settings, or delete it.<\/p>\n\n\n\n<p>Field settings are on the right side of the page. There are 5 available settings: General, Appearance, Advanced, Perks, and Conditional Logic.<\/p>\n\n\n\n<p>General features all the basic options, like a label, description, and whether or not you want it to be required.<\/p>\n\n\n\n<p>Appearance focuses on how the field itself appears in your form. You can make it smaller or larger than the default if you want.<\/p>\n\n\n\n<p>Advanced features more complicated settings, such as making a field hidden.<\/p>\n\n\n\n<p>Perks are for more miscellaneous settings, like making a field read-only, and adding minimum and maximum word counts.<\/p>\n\n\n\n<p>Lastly, conditional logic allows you to edit what the form says based on input in previous fields.<\/p>\n\n\n\n<p>The Gravity Forms documentation does go more in depth on all the fields and settings, so be sure to check the site out to gain a greater understanding of how you can improve your forms.<\/p>\n\n\n        <\/dd>\n    <\/div>\n\n\n    <\/dl>\n\n\n    <\/div>\n<\/section>\n\n\n\n<h2 id=\"try-it-out\" class=\"wp-block-heading\">Try it Out!<\/h2>\n\n\n\n<p>Now that you have learned all about forms, it&#8217;s time to try creating one!<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Create a new form. Give it a title and description<\/li>\n\n\n\n<li>Add a few different fields and explore the options available to customize these fields<\/li>\n\n\n\n<li>Add a CAPTCHA field.<\/li>\n\n\n\n<li>Save your form. We&#8217;ll test it out at the end of the forms modules!<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/carleton.ca\/cutheme-docs\/mastery\/module-5-forms\/form-confirmations\/\">Next: Form Confirmations<\/a><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Forms are a great way to gather information for things like events and workshops, to ask your audience questions, and to provide a way for them to get in touch with you. Step-By-Step Add a new form 1. From the main navigation menu, select&nbsp;Forms. Click&nbsp;New Form 2. Select Blank Form 3. Enter Form Title (required) [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":2305,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_cu_dining_location_slug":"","footnotes":"","_links_to":"","_links_to_target":""},"cu_page_type":[11],"class_list":["post-2314","page","type-page","status-publish","hentry","cu_page_type-general"],"acf":{"cu_post_thumbnail":false},"_links":{"self":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/2314","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/comments?post=2314"}],"version-history":[{"count":5,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/2314\/revisions"}],"predecessor-version":[{"id":4262,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/2314\/revisions\/4262"}],"up":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/2305"}],"wp:attachment":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/media?parent=2314"}],"wp:term":[{"taxonomy":"cu_page_type","embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/cu_page_type?post=2314"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}