---
title: Resizeable Container in Fluent Forms
description: "Fluent Forms gives users complete control over configuring **Column Width**. Previously, you had to use the Global Styler or CSS to adjust column widths. With the **drag-and-drop** feature, you can resize columns easily without extra coding. This article will guide…"
url: "https://fluentforms.com/docs/resizeable-container-in-fluent-forms/"
updated: "2025-06-03"
category: Features and Functionalities
---

# Resizeable Container in Fluent Forms

Fluent Forms gives users complete control over configuring **Column Width**. Previously, you had to use the Global Styler or CSS to adjust column widths. With the **drag-and-drop** feature, you can resize columns easily without extra coding.

This article will guide you in adding resizeable containers in fluent forms.

## Add a Container Field

First, open **Fluent Forms** and **drag and drop** to add a container field, or click the **Plus Icon**to add the **Container** field to your form. Add the necessary fields inside the container ( **Name**, **Email**, **Radio** **Button**, **Custom** **Submit Button** **etc**.).

![resizable container 01 scaled 50432](https://fluentforms.com/wp-content/uploads/2025/03/resizable-container-01-scaled.webp)

Now, click and **drag** the column borders **left**or**right** to adjust the width. If needed, use the **Undo** option to revert any changes. 

Once satisfied with your column layout, **save** your **settings**.

The container will adjust to maintain proper **spacing** based on the selected column width.

![gif 50432](https://fluentforms.com/wp-content/uploads/2025/03/gif.gif)

## Embed the Form into Frontend

Once you complete the customization, click the **Save** **Form** button to save all your changes. Click the **Preview & Design**buttonin the middle to see the form preview.

To integrate and display the form on a specific Page or post, **copy** the **Shortcode** from the top right side and **paste** it into your desired **Page or post**. 

![7 50432](https://fluentforms.com/wp-content/uploads/2025/03/7.webp)

### Preview of the Resizable Container

Preview your form to see how the container adapts to the new column width.

![unnamed 2 50432](https://fluentforms.com/wp-content/uploads/2025/03/unnamed-2.webp)

If you have any further questions, concerns, or suggestions, please do not hesitate to contact our [support team](https://wpmanageninja.com/support-tickets/?utm_source=wpmn&utm_medium=home&utm_campaign=site#/). Thank you.