{"id":1180,"date":"2022-02-24T07:35:06","date_gmt":"2022-02-24T07:35:06","guid":{"rendered":"https:\/\/doc.dnngo.com\/powerforms\/?page_id=1180"},"modified":"2022-03-07T13:06:48","modified_gmt":"2022-03-07T13:06:48","slug":"add-new-fields","status":"publish","type":"page","link":"https:\/\/doc.dnngo.com\/powerforms\/add-new-fields\/","title":{"rendered":"Add new fields"},"content":{"rendered":"

[vc_row el_id=”Addnew”][vc_column]

<\/span>

Add Field<\/h3><\/span><\/div>[vc_column_text]<\/p>\n
    \n
  • Name – This is a field name and not used to display on the form. Only characters from a-Z and 0-9 can be allowed.<\/li>\n
  • Alias – Texts here will be shown in the form.<\/li>\n
  • ToolTip-To set tooltip texts for the fields.<\/li>\n<\/ul>\n

    [\/vc_column_text][vc_empty_space height=”20px”]

    <\/span>
    Control Settings<\/h5><\/span><\/div>[vc_column_text]<\/p>\n

    There are totally 17 types of control included in the module, You can define different control types for each field.<\/p>\n

      \n
    • Control Type -To set types for the fields.<\/li>\n
    • Width – To set width for the the control, normally set to 100%.<\/li>\n
    • Required – To set whether it is required.<\/li>\n<\/ul>\n

      [\/vc_column_text][vc_empty_space height=”20px”]

      <\/span>
      Item Option<\/h5><\/span><\/div>[vc_column_text customcss=”mb-10″]You can set width for each field. You can set width of each of the three fields to 33%, so these three fields will display in one line.[\/vc_column_text][vc_single_image image=”1284″ img_size=”full” style=”vc_box_shadow”][vc_empty_space height=”20px”]
      <\/span>
      Permissions<\/h5><\/span><\/div>[vc_column_text customcss=”mb-10″]You can set view permission for each field.[\/vc_column_text][vc_single_image image=”1285″ img_size=”full” style=”vc_box_shadow”][vc_empty_space height=”20px”]
      <\/span>
      E-mail Template Options<\/h5><\/span><\/div>[vc_column_text]To set whether the fields will be included in the email templates.<\/p>\n

      [\/vc_column_text][vc_empty_space height=”50px”][\/vc_column][\/vc_row][vc_row][vc_column]

      <\/span>

      Control Types<\/h3><\/span><\/div>[vc_separator css=”.vc_custom_1645690764970{margin-bottom: 30px !important;}”][vc_column_text]This module contains 17 controls, now we will elaborate on the use for these fields.<\/p>\n

      [\/vc_column_text][\/vc_column][\/vc_row][vc_row el_id=”TextBox”][vc_column][vc_empty_space height=”40px”]

      <\/span>
      TextBox<\/h5><\/span><\/div>[vc_column_text customcss=”mb-10″]This field allows user to enter text in one or multiple lines.<\/p>\n
        \n
      • Width -To set widths for the controls.<\/li>\n
      • Rows is for the height of input box, for instance, it will show with multiple lines if you set it to 2, then you can
        \nenter multiline text.<\/li>\n
      • Default Value – To set default value in the input box..<\/li>\n
      • Verification – You can set up different validation for the field, for instance, when you choose Email, it will only allow
        \nto enter correct email address.<\/li>\n
      • Required – To set whether it is required..<\/li>\n
      • Equals Control – Another field can be set as the equivalent fields. Only when the values of the two fields are the same
        \ncan users submit forms.<\/li>\n
      • Max Length – To set the number of characters for the input box..<\/li>\n<\/ul>\n

        [\/vc_column_text][vc_single_image image=”1283″ img_size=”full”][\/vc_column][\/vc_row][vc_row el_id=”TextBoxDisplayName”][vc_column][vc_empty_space height=”40px”]

        <\/span>
        TextBox ( DisplayName )<\/h5><\/span><\/div>[vc_column_text]This control will show the DisplayName of current user once he\/she logs in.<\/p>\n

        [\/vc_column_text][\/vc_column][\/vc_row][vc_row el_id=”TextBoxEmail”][vc_column][vc_empty_space height=”40px”]

        <\/span>
        TextBox ( Email )<\/h5><\/span><\/div>[vc_column_text]This control will show the Email of current user once he\/she logs in.<\/p>\n

        You need to use this field to collect emails of submission users, otherwise, submission users will not receive emails.[\/vc_column_text][\/vc_column][\/vc_row][vc_row el_id=”RichTextBox”][vc_column][vc_empty_space height=”40px”]

        <\/span>
        RichTextBox<\/h5><\/span><\/div>[vc_column_text customcss=”mb-10″]This control allows you to enter some complicated text.[\/vc_column_text][vc_single_image image=”1286″ img_size=”full” style=”vc_box_shadow”][\/vc_column][\/vc_row][vc_row el_id=”DropDownList”][vc_column][vc_empty_space height=”40px”]
        <\/span>
        DropDownList<\/h5><\/span><\/div>[vc_column_text customcss=”mb-10″]You can enter multiline texts in List Collection, each line text stands for an option.[\/vc_column_text][vc_empty_space height=”20px”][vc_single_image image=”1288″ img_size=”full” style=”vc_box_shadow”][vc_empty_space height=”20px”][vc_column_text]You can enter a default value in Default Value, which must be option included in the List Collection.<\/p>\n

        Below is the screen shot for control:[\/vc_column_text][vc_empty_space height=”20px”][vc_single_image image=”1289″ img_size=”full” style=”vc_box_shadow”][\/vc_column][\/vc_row][vc_row el_id=”ListBox”][vc_column][vc_empty_space height=”40px”]

        <\/span>
        ListBox<\/h5><\/span><\/div>[vc_column_text customcss=”mb-10″]You can enter multiline texts in List Collection, each line text stands for an option.[\/vc_column_text][vc_single_image image=”1291″ img_size=”full” style=”vc_box_shadow”][vc_column_text customcss=”mb-10″]You can enter one or multiple default values in Default Value, multiple values should be separated by comma.<\/p>\n

        All the default values should be option included in List Collection.<\/p>\n

        Below is the screen shot for control:[\/vc_column_text][vc_single_image image=”1295″ img_size=”full” style=”vc_box_shadow”][\/vc_column][\/vc_row][vc_row el_id=”RadioButtonList”][vc_column][vc_empty_space height=”40px”]

        <\/span>
        RadioButtonList<\/h5><\/span><\/div>[vc_column_text customcss=”mb-10″]<\/p>\n
          \n
        • Direction – To set the direction to display.<\/li>\n
        • Column – You to set number of columns for the control and it is valid only when Horizontal above is selected.<\/li>\n
        • List Collection – You can enter multiline text in List Collection, each line text stands for an option.<\/li>\n
        • Default Value – You can enter default values in Default Value. All the default values should be option included in List
          \nCollection.<\/li>\n<\/ul>\n

          Below is the screen shot for control:[\/vc_column_text][vc_single_image image=”1297″ img_size=”full” style=”vc_box_shadow”][\/vc_column][\/vc_row][vc_row el_id=”FileUpload”][vc_column][vc_empty_space height=”40px”]

          <\/span>
          FileUpload<\/h5><\/span><\/div>[vc_column_text]Users can upload an attachment through this field, and set File extensions through Host > Host Settings > Other Settings > Allowable File Extensions.<\/p>\n

          You can view the file uploaded by user through History Records.[\/vc_column_text][\/vc_column][\/vc_row][vc_row el_id=”MultipleFilesUpload”][vc_column][vc_empty_space height=”40px”]

          <\/span>
          MultipleFilesUpload<\/h5><\/span><\/div>[vc_column_text]Users can upload multiple attachments through this filed.<\/p>\n

          Below is the screen shot for control:<\/p>\n

          [\/vc_column_text][vc_single_image image=”1299″ img_size=”full” style=”vc_box_shadow”][\/vc_column][\/vc_row][vc_row el_id=”CheckBox”][vc_column][vc_empty_space height=”40px”]

          <\/span>
          CheckBox<\/h5><\/span><\/div>[vc_column_text customcss=”mb-10″]You need to fill in the prompts for CheckBox in ToolTip.<\/p>\n

          Below is the screen shot for control:[\/vc_column_text][vc_single_image image=”1301″ img_size=”full” style=”vc_box_shadow”][\/vc_column][\/vc_row][vc_row el_id=”CheckBoxList”][vc_column][vc_empty_space height=”40px”]

          <\/span>
          CheckBoxList<\/h5><\/span><\/div>[vc_column_text customcss=”mb-10″]<\/p>\n
            \n
          • Direction – To set the direction to display.<\/li>\n
          • Column – You to set number of columns for the control and it is valid only when Horizontal above is selected.<\/li>\n
          • List Collection – You can enter multiline text in List Collection, each line text stands for an option.<\/li>\n
          • Default Value – You can enter default values in Default Value. All the default values should be option included in List
            \nCollection.<\/li>\n<\/ul>\n

            Below is the screen shot for control:[\/vc_column_text][vc_single_image image=”1302″ img_size=”full” style=”vc_box_shadow”][\/vc_column][\/vc_row][vc_row el_id=”DatePicker”][vc_column][vc_empty_space height=”40px”]

            <\/span>
            DatePicker<\/h5><\/span><\/div>[vc_column_text customcss=”mb-10″]You can select a date easily through this control.<\/p>\n

            Below is the screen shot for control:[\/vc_column_text][vc_single_image image=”1304″ img_size=”full” style=”vc_box_shadow”][\/vc_column][\/vc_row][vc_row el_id=”Label”][vc_column][vc_empty_space height=”40px”]

            <\/span>
            Label<\/h5><\/span><\/div>[vc_column_text customcss=”mb-10″]You can enter some texts in Default Value, the texts will display on the form as description.<\/p>\n

            Below is the screen shot for control:[\/vc_column_text][vc_single_image image=”1306″ img_size=”full” style=”vc_box_shadow”][\/vc_column][\/vc_row][vc_row el_id=”DropDownListCountry”][vc_column][vc_empty_space height=”40px”]

            <\/span>
            DropDownList ( Country )<\/h5><\/span><\/div>[vc_column_text customcss=”mb-10″]This control contains option from all over the countries.<\/p>\n

            Below is the screen shot for control:[\/vc_column_text][vc_single_image image=”1308″ img_size=”full” style=”vc_box_shadow”][\/vc_column][\/vc_row][vc_row el_id=”DropDownListRegion”][vc_column][vc_empty_space height=”40px”]

            <\/span>
            DropDownList ( Region )<\/h5><\/span><\/div>[vc_column_text customcss=”mb-10″]To set the states which corresponds to the country, you need to have the country field selected in Associated Control.<\/p>\n

            Below is the screen shot for control:[\/vc_column_text][vc_single_image image=”1309″ img_size=”full” style=”vc_box_shadow”][\/vc_column][\/vc_row][vc_row el_id=”DropDownListSendEmail”][vc_column][vc_empty_space height=”40px”]

            <\/span>
            DropDownList ( SendEmail )<\/h5><\/span><\/div>[vc_column_text customcss=”mb-10″]You can enter multiline texts in List Collection, the text format must be written as below:
            \nAddress 1: admin@dnngo.net
            \nAddress 2: dnnskindev@gmail.com<\/p>\n

            This field allows user to choose an address to send email.<\/p>\n

            For instance, if one user chooses Address2, the submitted email will be sent to email bonded with Address 2, which is dnnskindev@gmail.com in this case.<\/p>\n

            Below is the screen shot for control:[\/vc_column_text][vc_single_image image=”1310″ img_size=”full” style=”vc_box_shadow”][\/vc_column][\/vc_row][vc_row el_id=”HTML”][vc_column][vc_empty_space height=”40px”]

            <\/span>
            HTML<\/h5><\/span><\/div>[vc_column_text]Some texts or HTML codes can be added.<\/p>\n

            [\/vc_column_text][\/vc_column][\/vc_row][vc_row el_id=”Confirm”][vc_column][vc_empty_space height=”40px”]

            <\/span>
            Confirm<\/h5><\/span><\/div>[vc_column_text customcss=”mb-10″]This control is a secondary confirmation control. User can tick after submitting<\/p>\n

            Default Value – You can set whether the default is not checked. Only 2 values can be filled, true and false.
            \nBelow is the screen shot for control:[\/vc_column_text][vc_single_image image=”1311″ img_size=”full” style=”vc_box_shadow”][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"

            [vc_row el_id=”Addnew”][vc_column][vc_column_text] Name – This is a field name and not used to display on the form. Only characters from a-Z and 0-9 can be allowed. Alias – Texts here will be shown in the form. ToolTip-To set tooltip texts for the fields. [\/vc_column_text][vc_empty_space height=”20px”][vc_column_text] There are totally 17 types of control included in the […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/doc.dnngo.com\/powerforms\/wp-json\/wp\/v2\/pages\/1180"}],"collection":[{"href":"https:\/\/doc.dnngo.com\/powerforms\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/doc.dnngo.com\/powerforms\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/doc.dnngo.com\/powerforms\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/doc.dnngo.com\/powerforms\/wp-json\/wp\/v2\/comments?post=1180"}],"version-history":[{"count":39,"href":"https:\/\/doc.dnngo.com\/powerforms\/wp-json\/wp\/v2\/pages\/1180\/revisions"}],"predecessor-version":[{"id":1427,"href":"https:\/\/doc.dnngo.com\/powerforms\/wp-json\/wp\/v2\/pages\/1180\/revisions\/1427"}],"wp:attachment":[{"href":"https:\/\/doc.dnngo.com\/powerforms\/wp-json\/wp\/v2\/media?parent=1180"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}