Űrlapok

Az Odoo űrlapok nagyon hatékonyak. Közvetlenül integrálódnak más alkalmazásokkal, és sokféle célra használhatók.

Ebben a fejezetben megtudhatja, hogyan:

• Adjon hozzá egy űrlapot az egyéni témájához.

• Módosítsa az űrlap műveletét.

• Stilizálja az űrlapot a Bootstrap változók segítségével.

Alapértelmezett űrlap

To add a form to a page, copy and paste the code generated by the Website Builder in the page.

Valahogy így kellene kinéznie.

<form
   action="/website/form/" method="post"
   enctype="multipart/form-data"
   class="o_mark_required"
   data-mark="*" data-pre-fill="true"
   data-success-mode="redirect"
   data-success-page="/contactus-thank-you"
   data-model_name="mail.mail">
     <div class="s_website_form_rows row s_col_no_bgcolor">
          <div class="form-group s_website_form_field col-12 s_website_form_dnone" data-name="Field">
               <!-- Form fields -->
           </div>
     </div>
</form>

Műveletek

Van egy data-model_name az űrlap címkéjében. Ez lehetővé teszi, hogy különböző műveleteket határozzon meg az űrlapjához.

Küldjön egy e-mailt (ez az alapértelmezett művelet).

<form data-model_name="mail.mail">

Jelentkezzen egy állásra.

<form data-model_name="hr.applicant">

Hozzon létre egy ügyfelet.

<form data-model_name="res.partner">

Hozzon létre egy jegyet.

<form data-model_name="helpdesk.ticket">

Hozzon létre egy lehetőséget.

<form data-model_name="crm.lead">

Hozzon létre egy feladatot.

<form data-model_name="project.task">

Megjegyzés

The default action is Send an E-mail but following the Apps installed on the database, some other options can be found, such as: Apply for a job, create a customer, create a ticket, create an opportunity, etc.

Please, note that some of these actions may need specific required fields in order to be functional. To not forget some requirements, we highly recommend to preset the form snippet with the Website Builder and copy/paste the generated source code.

Siker

Define what happens once the form is submitted thanks to the data-success-mode attribute.

Irányítsa át a felhasználót a data-success-page-ben meghatározott oldalra.

<form data-success-mode="redirect" data-success-page="/contactus-thank-you">

Üzenet megjelenítése (ugyanazon az oldalon).

<form data-success-mode="message">

Add a success message directly under the form tag. Always add the d-none class to make sure that the success message is hidden if the form hasn’t been submitted.

<div class="s_website_form_end_message d-none">
     <div class="oe_structure">
          <section class="s_text_block pt64 pb64" data-snippet="s_text_block">
               <div class="container">
                     <h2 class="text-center">This is a success!</h2>
               </div>
          </section>
     </div>
</div>