이전 다음

태스크 7:  보고서 형식화

이제 보고서에 올바른 데이터가 올바른 순서로 표시되는지 확인했으므로, 보고서의 모양을 개선하는 데 주의를 기울일 수 있습니다. 이 절에서는 다음 태스크를 수행합니다.

*
*
*
*

열 표제 편집

1  
2  
3  
CUSTOMERNAME을 다음 텍스트로 바꾸십시오.
Customer
4  
23 단계를 반복하여 두 번째 및 세 번째 열 표제를 다음 텍스트로 변경하십시오.
Phone
Contact
보고서 디자인은 그림 1-23에 표시된 것과 유사해야 합니다.

그림 1-23 보고서 디자인의 수정된 열 표제

그림 1-23  보고서 디자인의 수정된 열 표제

열 표제 형식화

보고서 요소를 형식화하려면 다음 두 가지 방법 중 하나로 해당 특성을 설정하십시오.

*
*

보고서 디자인에서 열 표제가 일반 텍스트로 표시되고 가운데 정렬되어 있는 것을 발견할 수 있습니다. 그러나 생성된 HTML 보고서에는 열 표제가 굵은체로 가운데에 표시됩니다. 이 불일치는 BIRT가 테이블 헤더에 배치된 항목에 브라우저의 기본 형식을 사용하여 발생합니다.

이 프로시저에서는 특성 편집기를 사용하여 열 표제를 왼쪽으로 정렬하고 헤더 행에 색상을 추가하는 스타일을 정의합니다.

1  
1  

그림 1-24 특성 편집기의 선택된 요소 특성

그림 1-24  특성 편집기의 선택된 요소에 대한 특성

왼쪽 단추

2  

굵게 단추

3  
4  
2  
1  
기본 메뉴 표시줄에서 요소스타일새 스타일을 선택하십시오.
그림 1-25에 표시된 대로 새 스타일이 표시됩니다. 왼쪽에 특성 카테고리가 표시됩니다. 오른쪽에는 사용자가 선택하는 카테고리의 특성이 표시됩니다.

그림 1-25 새 스타일

그림 1-25  새 스타일
2  
table_header_row
3  
4  
*
*
확인을 선택합니다.
5  
레이아웃 편집기에서 테이블을 선택하십시오. 테이블을 선택하면 그림 1-26에 표시된 대로 테이블의 맨 위 및 왼쪽에 가이드 셀이 표시됩니다.

그림 1-26 테이블 맨 위 및 왼쪽에 있는 가이드 셀

그림 1-26  테이블 맨 위와 왼쪽의 가이드 셀
6  
7  
8  
3  
보고서를 미리보십시오. 보고서는 그림 1-27에 표시된 것과 유사해야 합니다.

그림 1-27 헤더 행 스타일이 표시된 보고서 미리보기

그림 1-27  헤더 행 스타일이 표시된 보고서 미리보기

이름과 성을 한 행에 표시

여러 요소를 단일 셀에 놓는 경우, BIRT Report Designer는 블록 레벨 요소를 작성합니다. HTML에 익숙하면, 각각의 블록 요소가 새 행에서 시작된다는 점을 알고 있습니다. 동일 행에 여러 요소를 표시하려면 인라인 요소로 설정해야 합니다. 또는 이 절차에서 설명한 대로 이름 및 성 값을 연결하여 단일 데이터 요소로 표시할 수도 있습니다.

1  
2  
3  
그림 1-28에 표시된 데이터 바인딩 편집에 현재 데이터 요소와 연관된 데이터에 대한 정보가 표시됩니다. 표현식에서 dataSetRow["CONTACTFIRSTNAME"]은 데이터 요소가 데이터 세트에서 CONTACTFIRSTNAME 필드의 데이터를 표시함을 나타냅니다.

그림 1-28 데이터 바인딩 편집

그림 1-28  데이터 바인딩 편집

표현식 빌더 단추

4  
표현식 빌더는 창의 맨 위에 있는 텍스트 영역에 표현식을 표시합니다.
5  
dataSetRow["CONTACTFIRSTNAME"] + " " + dataSetRow["CONTACTLASTNAME"]
그림 1-29는 표현식 빌더의 이 표현식을 보여줍니다. 비어 있는 따옴표(" ")는 이름과 성 사이에 공백을 추가합니다. 텍스트 영역에 표현식을 입력하거나 창의 오른쪽 하단에 있는 항목을 두 번 클릭하여 표현식에 삽입할 수 있습니다.

그림 1-29 데이터를 연결할 표현식이 표시된 표현식 빌더

그림 1-29  데이터를 연결할 표현식이 표시된 표현식 빌더
6  
편집한 표현식이 편집 데이터 바인딩에 표시됩니다.
7  
8  
보고서를 미리보십시오. 보고서는 그림 1-30에 표시된 것과 유사해야 합니다.

그림 1-30 연결된 담당자 이름이 표시된 보고서 미리보기

그림 1-30  연결된 담당자 이름이 표시된 보고서 미리보기

행 사이의 간격 늘리기

기본 레이아웃은 테이블 행 사이에 최소 공백을 추가합니다. 일반적으로, 행 사이의 간격을 조정하려고 할 수 있습니다.

1  
2  
그림 1-31에 표시된 대로 테이블의 세부사항 행, 중간 행을 선택하십시오.

그림 1-31 레이아웃 편집기의 선택된 테이블 행

그림 1-31  레이아웃 편집기의 선택된 테이블 행
특성 편집기에 행의 특성이 표시됩니다. 특성 편집기에 표시되는 제목은 사용자가 선택하는 요소의 유형을 표시하므로, 특성 편집기-행을 표시해야 합니다.
3  
일반 특성에서 높이를 24포인트로 설정하십시오. 그림 1-32에 표시된 대로 행의 높이가 증가합니다.

그림 1-32 24포인트로 설정된 행 높이

그림 1-32  24포인트로 설정된 행 높이
4  
보고서를 미리보십시오. 보고서는 그림 1-33에 표시된 것과 유사해야 합니다. 데이터 행 사이에 더 많은 공간이 있습니다.

그림 1-33 늘어난 행 간격이 표시된 보고서 미리보기

그림 1-33  늘어난 행 간격이 표시된 보고서 미리보기

(c) Copyright Actuate Corporation 2013