Views: 1942 (Data available since 06.02.2017)
Last Modified: 22.06.2015

You can publish web forms (that is, display them in the public section) by using visual components version 1.0 and components version 2.0.

For managing, components version 2.0 are more convenient. You will find these components in the Services group in the Components 2.0 sidebar of the visual editor:

ComponentsFunction
Web Form (bitrix:form) Composite component. Using this component, you can physically create only one page and in public section it will give you a page for web form completion, a page with a list of results, a page for results editing etc.    
Web Form Completion (bitrix:form.result.new)Simple component. Helps to create a page for web form completion
List of results (bitrix:form.result.list)Simple component. Creates a page with a list of results.
Result editing (bitrix:form.result.edit)Simple component. Creates a page for result editing
View result (bitrix:form.result.view)Simple component. Creates a page with web form results.

As an example, let us publish the Translator web form in the About section (folder /about/) of the company site. We shall give visitors a chance to edit their results. Also we shall create a page with a list of web form results.

For convenience, we shall save all pages related to the web form in the folder /about/job/translator/ (you have to create it beforehand).

  1. Create a new page in /about/job/translator/ in the visual editor.
    • Set the page title to Translator;
    • Add the component Web Form Completion to the page;

      Click on image to enlarge

    • In the component settings, choose a required web form, and specify paths to pages where the web form results can be viewed and modified.

      For example, you can create a result_list.php page in the current folder (/about/job/translator/) for viewing the completed web forms. Type result_list.php in the Result list page field. To edit a job application, we shall use the page result_edit.php from the same folder.

      Note: you will have to create these pages later.
    • Save the page and give it a name of index.php.
  2. Create a page to display the web form results. After a visitor have finished completing the form, they will be transferred to this page.
    • Create a new page in /about/job/translator/.
    • Set the page title: Your CV.
    • Add the List of results component to the page.

      Click on image to enlarge

    • Configure the component by specifying the new result page (index.php), the result view page (result_view.php) and the result editing page (result_edit.php).
    • Save the page.
  3. Next, create a page where the result details will be displayed (/about/job/translator/result_view.php) and place the component View result in it.

    Click on image to enlarge

    Set the page title to CV Details.

  4. Finally, create a page /about/job/translator/result_edit.php where a selected result can be edited. Add the component Result editing to the page.

    Click on image to enlarge

    Set the page title to Edit CV.

Here's what you get in the end.

  • Web form completion (in other words, new result creation) page:
 Click on image to enlarge
  • Page with a list of web form completion results
    • If you have created the web form in the simple mode, applicants can access their own CV's
 Click on image to enlarge
    • For the extended mode, applicants can access their own CV's in the Enqueued status
 Click on image to enlarge
Report pages
  • Web form result view page
 Click on image to enlarge
  • Web form result editing page
 Click on image to enlarge
Another way to get the same number of pages in public section is to use a composite component - Web Form.

Click on image to enlarge
It is a good idea to add links to the web form completion and result view pages to the pubic section menu so that visitors can post and edit their CV's .

Publishing a web form - view movie (Flash)



Courses developed by «Bitrix», Inc.