캡션

인풋 박스 내용을 설명하는 캡션의 속성을 변경할 수 있어요.

캡션은 인풋박스를 사용할 때 필요에 따라 붙이는 제목 및 간단한 설명입니다. 이 이미지에서는 동호회 소분류가 캡션이에요.

사용방법

  1. 좌측 컨트롤 선택 탭에서 원하는 컨트롤과 스타일을 삽입합니다.

  2. 원하는 문구를 입력합니다.

캡션이 필요하지 않다면 캡션 텍스트를 삭제해 박스만 사용할 수 있어요.

기능설명

모양기능속성의미

색상

테마, Hex

텍스트의 컬러를 변경 색상

사이즈

px(픽셀)

텍스트 사이즈를 숫자로 입력하여 변경 (기본 14px)

모양

볼드(Bold)

텍스트 컨트롤 전체 볼드 처리

가로 정렬

좌측

텍스트 컨트롤 너비 기준으로 좌측 정렬

가운데

텍스트 컨트롤 너비 기준으로 가운데 중앙 정렬

우측

텍스트 컨트롤 너비 기준으로 우측 정렬

캡션위치설정

상단(기본값)

컨트롤 상단에 캡션 배치

좌측

컨트롤 좌측에 캡션 배치

캡션 설정이 가능한 컨트롤

모양기능설명

인풋텍스트(InputText)

사용자가 텍스트를 입력할 수 있는 컨트롤

인풋넘버(InputNumber)

사용자가 숫자를 입력할 수 있는 컨트롤 (숫자, 소수점, 비밀번호)

인풋마스크(InputMask)

사용자가 숫자를 입력할 수 있는 컨트롤 (시간, 금액, 날짜 직접입력)

콤보박스(Combobox)

사용자가 여러 선택지 중 하나를 선택할 수 있는 컨트롤 (펼쳐서 보기)

인풋서치(InputSearch)

사용자가 검색을 할 수 있는 컨트롤

인풋데이트(InputDate)

사용자에게 달력이 팝업으로 뜨며 날짜를 선택할 수 있는 컨트롤

멀티인풋박스(MultiInputBox)

사용자가 긴 내용의 텍스트를 입력할 수 있는 컨트롤

라디오(Radio)

사용자가 여러 선택지 중 하나만 선택할 수 있는 컨트롤

결재(Approval)

지정된 사용자가 결재선으로 등록되어 확인할 수 있는 컨트롤

따라하기

화면 속 [시작하기]버튼을 눌러 데모를 확인하실 수 있습니다.

Last updated