Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
94 changes: 94 additions & 0 deletions website_form_multi_column/README.rst
Original file line number Diff line number Diff line change
@@ -0,0 +1,94 @@
.. image:: https://odoo-community.org/readme-banner-image
:target: https://odoo-community.org/get-involved?utm_source=readme
:alt: Odoo Community Association

=========================
Website Form Multi Column
=========================

..
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!! This file is generated by oca-gen-addon-readme !!
!! changes will be overwritten. !!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!! source digest: sha256:adb442723290f97dc26a63058fb34701252b7f39609dc553851af40af5cf514b
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

.. |badge1| image:: https://img.shields.io/badge/maturity-Beta-yellow.png
:target: https://odoo-community.org/page/development-status
:alt: Beta
.. |badge2| image:: https://img.shields.io/badge/license-LGPL--3-blue.png
:target: http://www.gnu.org/licenses/lgpl-3.0-standalone.html
:alt: License: LGPL-3
.. |badge3| image:: https://img.shields.io/badge/github-OCA%2Fwebsite-lightgray.png?logo=github
:target: https://github.com/OCA/website/tree/19.0/website_form_multi_column
:alt: OCA/website
.. |badge4| image:: https://img.shields.io/badge/weblate-Translate%20me-F47D42.png
:target: https://translation.odoo-community.org/projects/website-19-0/website-19-0-website_form_multi_column
:alt: Translate me on Weblate
.. |badge5| image:: https://img.shields.io/badge/runboat-Try%20me-875A7B.png
:target: https://runboat.odoo-community.org/builds?repo=OCA/website&target_branch=19.0
:alt: Try me on Runboat

|badge1| |badge2| |badge3| |badge4| |badge5|

This module adds a "Columns" option to the website Form snippet.

The website editor can split the form into 2, 3 or 4 columns and drag
any field between them. Column layout is saved to the page like any
other website edit; the form submission flow is unchanged.

**Table of contents**

.. contents::
:local:

Usage
=====

1. Edit a page that contains a Form snippet.
2. Click the form to open its options in the sidebar.
3. Open the "Columns" row and pick 1, 2, 3 or 4.
4. Drag any field from one column to another. Drop targets highlight on
hover. Empty columns remain droppable thanks to a minimum height.
5. On mobile (<768px) columns stack vertically by default.

Bug Tracker
===========

Bugs are tracked on `GitHub Issues <https://github.com/OCA/website/issues>`_.
In case of trouble, please check there if your issue has already been reported.
If you spotted it first, help us to smash it by providing a detailed and welcomed
`feedback <https://github.com/OCA/website/issues/new?body=module:%20website_form_multi_column%0Aversion:%2019.0%0A%0A**Steps%20to%20reproduce**%0A-%20...%0A%0A**Current%20behavior**%0A%0A**Expected%20behavior**>`_.

Do not contact contributors directly about support or help with technical issues.

Credits
=======

Authors
-------

* ForgeFlow

Contributors
------------

- Jasmin Solanki jasmin.solanki@forgeflow.com

Maintainers
-----------

This module is maintained by the OCA.

.. image:: https://odoo-community.org/logo.png
:alt: Odoo Community Association
:target: https://odoo-community.org

OCA, or the Odoo Community Association, is a nonprofit organization whose
mission is to support the collaborative development of Odoo features and
promote its widespread use.

This module is part of the `OCA/website <https://github.com/OCA/website/tree/19.0/website_form_multi_column>`_ project on GitHub.

You are welcome to contribute. To learn how please visit https://odoo-community.org/page/Contribute.
Empty file.
23 changes: 23 additions & 0 deletions website_form_multi_column/__manifest__.py
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
# Copyright 2026 ForgeFlow S.L.
# License LGPL-3.0 or later (http://www.gnu.org/licenses/lgpl.html).
{
"name": "Website Form Multi Column",
"summary": "Lay out website form fields across configurable columns"
" with drag-and-drop.",
"version": "19.0.1.0.0",
"category": "Website",
"license": "LGPL-3",
"website": "https://github.com/OCA/website",
"author": "ForgeFlow, Odoo Community Association (OCA)",
"application": False,
"installable": True,
"depends": ["html_editor", "website"],
"assets": {
"web.assets_frontend": [
"website_form_multi_column/static/src/scss/form_columns.scss",
],
"website.website_builder_assets": [
"website_form_multi_column/static/src/builder/**/*",
],
},
}
3 changes: 3 additions & 0 deletions website_form_multi_column/pyproject.toml
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
[build-system]
requires = ["whool"]
build-backend = "whool.buildapi"
1 change: 1 addition & 0 deletions website_form_multi_column/readme/CONTRIBUTORS.md
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
- Jasmin Solanki <jasmin.solanki@forgeflow.com>
5 changes: 5 additions & 0 deletions website_form_multi_column/readme/DESCRIPTION.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
This module adds a "Columns" option to the website Form snippet.

The website editor can split the form into 2, 3 or 4 columns and drag any
field between them. Column layout is saved to the page like any other
website edit; the form submission flow is unchanged.
6 changes: 6 additions & 0 deletions website_form_multi_column/readme/USAGE.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
1. Edit a page that contains a Form snippet.
2. Click the form to open its options in the sidebar.
3. Open the "Columns" row and pick 1, 2, 3 or 4.
4. Drag any field from one column to another. Drop targets highlight on
hover. Empty columns remain droppable thanks to a minimum height.
5. On mobile (<768px) columns stack vertically by default.
Loading
Loading