# 향상된 폼 빌더 기능으로 더 유연하게 폼 만들기

폼 빌더에 단일 폼과 새로운 레이아웃 옵션을 도입하여 폼 디자인에 대한 더 큰 유연성과 제어권을 제공합니다.

## 새로운 기능

**단일 컬럼 레이아웃**: 모든 필드가 세로로 하나씩 아래로 배치되는 클래식한 레이아웃입니다.

**두 컬럼 레이아웃**: 기존의 인라인 폼으로 알려져 있던 레이아웃으로, 필드를 좌우로 나란히 두 열에 배치하여 균형 잡히고 간결한 폼 구조를 제공합니다.

**단일 라인 레이아웃**: 최대 5개의 필드를 하나의 수평선에 배치하여 간소하고 미니멀한 폼 디자인을 만들 수 있습니다.

**필드 너비**: 새로운 필드 너비 백분율 기능을 통해 폼 필드의 너비를 전체 폼 너비의 백분율로 설정할 수 있습니다. 이렇게 하면 필드가 비례적으로 크기 조정되어 반응형 디자인을 제공하고 창의적인 가능성을 열어줍니다.

## 사용 방법:

* 대시보드의 폼 빌더 섹션으로 이동하세요.
* 원하는 레이아웃을 선택하세요: 단일 컬럼, 두 컬럼, 또는 단일 라인.
* 새로운 필드 너비 설정으로 각 필드의 크기를 제어하여 폼을 커스터마이징하세요.

## 주요 기능 / 장점

**세 가지 다용도 레이아웃 옵션**: 단일 컬럼, 두 컬럼, 단일 라인 중에서 폼의 목적과 외관에 가장 적합한 것을 선택하세요.

**단일 라인 레이아웃**: 한 줄에 최대 5개 필드로 간결한 수평 폼을 만드는 데 완벽합니다.

**필드 너비 설정**: 각 필드의 너비를 조정하여 맞춤형이고 미학적으로 만족스러운 폼 디자인을 만드세요.

## 참고사항:

* 기존 폼을 빌더에서 열면, 인라인 폼 옵션이 켜져/꺼져 있던 상태에 따라 자동으로 단일 컬럼 또는 두 컬럼 레이아웃이 선택됩니다.
* 미리보기에서 기존 폼은 여전히 작동하며 기존 인라인 폼 설정을 따릅니다.
* 현재 단일 라인 폼은 최대 5개 필드까지 가능합니다.

## 예시:

![폼 레이아웃 예시 1](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155030262760/original/G3m3SQ2ZAEvVFbJH_KkjO0Z1Dxx4PLVOlg.jpeg?1722475806)

![폼 레이아웃 예시 2](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155030262761/original/ReuClx9vlbCPFBZjXd6ZfiAwXt1P5oMujw.jpeg?1722475806)

![폼 레이아웃 예시 3](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155030262762/original/Ae0kF-7P3vKgJw_9xzVTMFtqmcncvon2Yg.jpeg?1722475807)

![폼 레이아웃 예시 4](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155030262763/original/yn3MM-j5RgxDE1XGewqcyzGeH68RB6a5rg.jpeg?1722475807)

***

*원문 최종 수정: Wed, 31 Jul, 2024 at 8:31 PM* *Hyperclass 사용 가이드 — hyperclass.ai*


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://hyperclass.gitbook.io/hyperclass-docs/and-sites/xml-sitemaps/how-to-use-the-enhanced-form-builder-features-for-greater-flexibility.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.