> For the complete documentation index, see [llms.txt](https://help.ilabs.co.kr/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.ilabs.co.kr/reportmake/report-understand/102.md).

# 리포트 디자이너 화면

## 1 개요 

> 리포트 디자이너 화면, 버튼에 대한 기본설명입니다.

## 2 화면 설명

* 리포트 디자이너는 리포트 양식을 작성하는 도구입니다. 아래 화면은 새 리포트 양식을 만든 경우 초기 디자이너의 화면입니다.
* 새 리포트 양식을 만드는 방법은 [리포트양식 만들기](/reportmake.md)를 참고하세요.

![리포트 디자이너 화면](/files/-L9sMPAmDGdeUb0eoMWF)

* **리포트명** : 리포트양식의 이름을 표시합니다.
* **리포트번호** : 리포트 ID(아이디)라고도 하며 리포트를 구분하기 위한 고유번호입니다.
* **툴 버튼** : 리포트를 디자인할 때 사용하는 여러 가지 기능을 작은 버튼으로 구성해 두었습니다.
* **속성창** : 리포트양식의 페이지 편집 창에서 선택된 객체의 속성을 편집하는 곳입니다.
* **페이지 편집 창** : 리포트의 출력 페이지를 디자인하기 위한 영역입니다.

### 2-1 페이지 편집 창

* 페이지 편집 창은 리포트 출력 페이지를 디자인하기 위한 영역입니다.

![페이지 편집탭 명칭](/files/-L9sMPDbPxYtQfdkK3Pv)

* **페이지 마진** : [페이지 옵션](/reportmake/report-understand/103.md#margins)에서 설정된 마진으로 용지의 여백입니다.
* **타이틀 밴드** : 리포트의 타이틀을 출력하기 위한 [밴드](/reportmake/report-understand/104.md)입니다.
* **데이터 밴드** : 반복되는 데이터를 출력하기 위한 [밴드](https://help.ilabs.co.kr/reportmake/report-understand/pages/-L9sMNbe5DAmbWf6zOom#리포트-타이틀-밴드)입니다.
* **푸터 밴드** : 리포트 페이지의 타이틀을 출력하기 위한 [밴드](https://help.ilabs.co.kr/reportmake/report-understand/pages/-L9sMNbe5DAmbWf6zOom#리포트-타이틀-밴드)입니다.
* **메모 컨트롤** : 페이지에 글씨를 출력하기 위한 [인쇄 구성요소](https://help.ilabs.co.kr/reportmake/report-understand/pages/-L9sMNbdj6cOsUmGb7Cf#메모-컨트롤)입니다.
* **이미지 컨트롤** : 페이지에 이미지를 출력하기 위한 [인쇄 구성요소](https://help.ilabs.co.kr/reportmake/report-understand/pages/-L9sMNbdj6cOsUmGb7Cf#이미지-컨트롤)입니다.

### 2-2 코드편집 화면

리포트 디자이너의 코드편집 기능은 조건에 따라 출력되는 모양을 변경하는 데 유용한 기능입니다. 이건 **너무 어렵다**고 생각하시겠지만 간단한 방법으로 코드를 사용하실 수도 있으니 너무 걱정할 필요는 없습니다. 리포트 양식에서 코드를 사용하는 방법은 ~~리포트양식에 코드 사용하기~~를 참고하세요.

![리포트 디자이너 코드편집 화면](/files/-L9sMPE9kN7lA-OGs_1X)

### 2-3 속성창(Properties)

* 리포트 디자이너의 속성 창은 선택된 컨트롤의 속성을 변경하기 위해 화면 왼쪽에 붙어있는 붙박이 창입니다.

#### 2-3-1 컨트롤의 속성 변경 방법

* 예를 들어 아래 화면에서 이미지의 `stretched` 속성을 `true`로 변경해야 한다고 가정해 보겠습니다.

![리포트 디자이너 속성창](/files/-L9sMPGmZGIk4UOWjlEV)

1. 페이지 디자이너에서 이미지 컨트롤을 선택합니다.
2. 속성 창에서 `stretched`속성을 마우스로 클릭합니다.
3. 오른쪽 속성값 부분의 선택버튼을 클릭합니다.
4. `true`, `false` 값 중에 `true`에 체크하면 완료

## 3 화면 버튼

### 3-1 변수목록보기 버튼

![변수목록 보기 화면](/files/-L9sMPI2ttji4YPSMvt-)

* `변수목록`이란 리포트에서 사용할 수 있는 데이터의 변수명의 목록을 의미합니다. 
* 예를 들어, 성적서 양식에 접수번호(의뢰번호)를 출력하고 싶다면 `[DisplayId]`를 변수로 사용하면 됩니다. 
* 리포트에서 변수를 사용하는 방법은 아래 이미지를 참고하세요.

![리포트 디자인 화면](/files/-MOZhuOYtgi0hWA5_GsK)

1\. 접수번호의 변수 \[DisplayId]를 기재합니다.

![성적서 출력\_변수 적용된 이미지](/files/-MOZhzH9GbD-b39IhRkt)

2\. 해당 이미지를 통해 접수번호 변수로 해당 성적서의 접수번호가 출력되는 것을 확인할 수 있습니다.

### 3-2 업로드 버튼

* `업로드` 버튼은 지금 편집 중인 리포트양식을 서버에 저장합니다. 서버에 저장된 리포트양식 파일은 기관 내의 모든 사용자가 사용할 수 있습니다.

### 3-3 파일저장 버튼

* `파일저장` 버튼을 누르면 지금 편집 중인 리포트양식을 **저장**합니다. 내 PC에 저장된 양식은 다른 사용자는 사용할 수 없습니다. 우리 회사의 모든 사용자가 양식을 사용하도록 하려면 `업로드` 버튼을 눌러 디자인된 양식파일을 서버에 저장해야 합니다.

{% hint style="warning" %}
※ 파일 저장을 하셔야 변경된 내용이 저장됩니다.

※ 파일 저장 후 업로드를 진행하셔야 기관 내의 해당 리포트가 공유됩니다.
{% endhint %}

### 3-4 닫기 버튼

* `닫기` 버튼은 디자이너 화면을 닫을 때 사용하는 버튼입니다.