🎉 리얼리포트 1.11.20 버전이 출시되었습니다. 자세히 보기 →

Row Box

아이템들을 수평으로 배치할 때 사용하는 컨테이너입니다.

rowbox-item-sample

Basic

이름	타입	설명	필수여부
Name	string	아이템에 고유한 이름을 설정합니다.	no
Visible	boolean	아이템의 표시 여부를 설정합니다.	yes

Event

이름	타입	설명	필수여부
OnGetVisible	EmailItemVisibleCallback	아이템의 표시 여부를 변경할 수 있는 이벤트 함수 관련 로직을 설정합니다.	no

Bound

이름	타입	설명	필수여부
Width	number	아이템의 넓이를 설정합니다.	no
Align	string	아이템의 위치를 왼쪽, 가운데, 오른쪽으로 설정합니다.	no

Data

이름	타입	설명	필수여부
Data	string	아이템에 데이터를 연결합니다.	no

Box

로우 박스에서 사용되는 속성

이름	타입	설명	필수여부
Items Align	BoxItemsAlign	로우 박스내에 배치되는 아이템들의 수평 정렬을 설정합니다.	no
Item Gap	number	로우 박스내에 배치되는 아이템들의 간격을 설정합니다.	yes

Items Align

로우 박스내에 배치되는 아이템들의 수평 정렬을 설정합니다.

타입: BoxItemsAlign
기본값: undefined

Item Gap

로우 박스내에 배치되는 아이템들의 간격을 설정합니다.

타입: number
기본값: 4

Styles

이름	타입	설명	필수여부
Font Family	string	아이템의 글꼴을 설정합니다.	no
Font Size	number	아이템의 텍스트 크기를 설정합니다.	no
Font Weight	string	아이템의 텍스트 굵기를 설정합니다.	no
Color	string	아이템의 텍스트 색상을 설정합니다.	no
Background Color	string	아이템의 배경 색상을 설정합니다.	no
Padding Left	string	아이템의 왼쪽 내부 여백을 설정합니다.	no
Padding Top	string	아이템의 위쪽 내부 여백을 설정합니다.	no
Padding Right	string	아이템의 오른쪽 내부 여백을 설정합니다.	no
Padding Bottom	string	아이템의 아래쪽 내부 여백을 설정합니다.	no
Border	string	아이템의 테두리를 설정합니다.	no
Border Left	string	아이템의 왼쪽 테두리를 설정합니다.	no
Border Right	string	아이템의 오른쪽 테두리를 설정합니다.	no
Border Top	string	아이템의 위쪽 테두리를 설정합니다.	no
Border Bottom	string	아이템의 아래쪽 테두리를 설정합니다.	no
Border Radius	string	아이템의 테두리 모서리를 둥글게 설정합니다.	no
Border Radius Top Left	string	아이템의 왼쪽 위 모서리를 둥글게 설정합니다.	no
Border Radius Top Right	string	아이템의 오른쪽 위 모서리를 둥글게 설정합니다.	no
Border Radius Bottom Right	string	아이템의 오른쪽 아래 모서리를 둥글게 설정합니다.	no
Border Radius Bottom Left	string	아이템의 왼쪽 아래 모서리를 둥글게 설정합니다.	no

DETAILS 컬럼박스