캡션

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

circle-info

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

사용방법

  1. 캡션이 있는 컨트롤을 삽입합니다.

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

  3. [] 을 체크합니다.

  4. 텍스트의 크기, 색상, 두께를 설정합니다.

  5. 정렬을 설정합니다.

circle-info

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

기능설명

모양
기능
속성
의미

색상

테마, Hex

텍스트의 컬러를 변경 색상

사이즈

px(픽셀)

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

모양

볼드(Bold)

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

가로 정렬

좌측

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

가운데

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

우측

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

캡션위치설정

상단(기본값)

컨트롤 상단에 캡션 배치

좌측

컨트롤 좌측에 캡션 배치

캡션 설정이 가능한 컨트롤

모양
기능
설명

인풋텍스트 InputText

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

인풋넘버 InputNumber

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

인풋마스크 InputMask

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

콤보박스 ComboBox

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

인풋서치 InputSearch

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

인풋데이트 InputDate

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

멀티인풋박스 MultiInputBox

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

라디오 Radio

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

결재 Approval

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

따라하기

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

spinner

Last updated

Was this helpful?