Html View
HTML 데이터를 리포트에 표현하고 싶을 때 사용하는 아이템입니다.
⚠️
Html View
아이템은 허용된 태그 범위 내에서 HTML 내용을 보여주기 위한 아이템입니다.
허용된 태그 목록은 아래를 참고합니다.
ℹ️
문서 내보내기
Html View
아이템은 1.7.10
버전부터 내보내기가 가능합니다.
사용 가능한 태그
b
,i
,s
,strong
,sub
,sup
,br
div
,img
,span
dd
,dl
,dt
,u
,ul
,li
,ol
table
,thead
,tbody
,th
,td
,tr
,col
,colgroup
Basic
이름 | 타입 | 설명 | 필수여부 |
---|---|---|---|
Name | string | 아이템에 고유한 이름을 설정합니다. | no |
Tag | string | 아이템에 태그값을 설정합니다. | no |
Visible | boolean | 아이템의 표시 여부를 설정합니다. | yes |
Page Break | PageBreakMode | 아이템을 출력하기 전에 페이지를 어떻게 나눌 것인지 대해 설정합니다. | no |
Design
이름 | 타입 | 설명 | 필수여부 |
---|---|---|---|
Design Border | boolean | 아이템의 디자인 가능한 경계 영역의 표시를 설정합니다. | yes |
Event
이름 | 타입 | 설명 | 필수여부 |
---|---|---|---|
OnGetStyles | ReportItemStyleCallback | 아이템에 적용되는 스타일을 변경할 수 있는 이벤트 함수 관련 로직을 설정합니다. | no |
OnGetVisible | ReportItemVisibleCallback | 아이템의 표시 여부를 변경할 수 있는 이벤트 함수 관련 로직을 설정합니다. | no |
Bound
이름 | 타입 | 설명 | 필수여부 |
---|---|---|---|
Width | number | 아이템의 넓이를 설정합니다. | no |
Height | number | 아이템의 높이를 설정합니다. | no |
Rotation | number | 아이템의 회전 각도를 설정합니다. | no |
Left | number | 아이템의 위치를 부모 요소 기준으로 "왼쪽"에서 설정합니다. | no |
Right | number | 아이템의 위치를 부모 요소 기준으로 "오른쪽"에서 설정합니다. | no |
Top | number | 아이템의 위치를 부모 요소 기준으로 "위"에서 설정합니다. | no |
Bottom | number | 아이템의 위치를 부모 요소 기준으로 "아래"에서 설정합니다. | no |
Data
이름 | 타입 | 설명 | 필수여부 |
---|---|---|---|
Data | string | 아이템에 리포트에 존재하는 데이터를 연결합니다. | no |
Value | string | 아이템에 연결된 데이터에서 표시할 필드를 설정합니다. | no |
Text
Html 아이템에서 사용되는 속성
이름 | 타입 | 설명 | 필수여부 |
---|---|---|---|
Html | string | Html Tag 문자열 | no |
Html
표현하고 싶은 HTML 내용을 입력합니다.
🔥
허용되지 않은 태그는 자식 태그를 포함하여 제외됩니다.
- 타입: string
- 기본값: undefined
사용예
<div>
DIV 태그 사용
<span>SPAN 태그 사용</span>
</div>
Styles
이름 | 타입 | 설명 | 필수여부 |
---|---|---|---|
Font Family | string | 아이템의 글꼴을 설정합니다. | no |
Font Size | number | 아이템의 텍스트 크기를 설정합니다. | no |
Font Style | string | 아이템의 글꼴체를 설정합니다. | no |
Text Decoration | string | 아이템의 텍스트에 선 스타일을 설정합니다. | no |
Font Weight | string | 아이템의 텍스트 굵기를 설정합니다. | no |
Color | string | 아이템의 텍스트 색상을 설정합니다. | no |
Background Color | string | 아이템의 배경 색상을 설정합니다. | no |
Text Align | string | 아이템의 텍스트 가로 정렬을 설정합니다. | no |
Vertical Align | string | 아이템의 세로 정렬을 설정합니다. | no |
Writing Mode | 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 |