다음을 통해 공유

Cascading 스타일 시트를 사용한 보고서 서식 설정

  • 아티클

포함된 Crystal Reports Designer에서 보고서 개체나 섹션의 서식을 설정하는 대신 CSS 스타일시트(CSS)의 클래스를 사용하여 웹에서 표시할 보고서에 서식을 적용할 수 있습니다.

일반적으로 보고서를 만든 다음, 포함된 Crystal Reports Designer에서 데이터베이스 필드나 텍스트 개체와 같은 특정 보고서 개체에 서식을 설정합니다. 보고서를 HTML로 렌더링하여 Web Forms 뷰어를 통해 보면 이러한 서식 옵션이 HTML로 자동 변환됩니다. HTML 페이지의 서식을 변경하려면 Crystal Report 자체를 변경해야 합니다.

CSS 클래스 설정 옵션을 사용하면 보고서의 서식을 직접 변경하지 않고 보고서 개체와 보고서의 섹션에 CSS클래스를 적용할 수 있습니다. 포함된 Crystal Reports Designer에서 클래스 이름과 범위를 지정한 다음, 프로젝트의 .aspx 파일에서, 또는 외부 스타일시트를 사용하여 클래스 값을 지정합니다. 그러면 보고서를 HTML로 렌더링할 때 .aspx 파일에 지정한 서식이나 외부 스타일시트가 보고서에 적용됩니다.

  1. 포함된 Crystal Reports Designer를 마우스 오른쪽 단추로 클릭하고 CSS 클래스 설정을 선택합니다.

  2. 개체 범위 필드에서 클래스를 적용할 개체나 섹션을 선택합니다.

  3. CSS 클래스 이름 필드에 클래스 이름을 입력합니다.

    Note팁

    속성 창의 CssClass를 사용하면 특정 보고서 개체나 섹션에 대한 클래스 값을 보거나 편집하거나 삭제할 수 있습니다.

  4. 확인을 클릭합니다.

  5. 보고서를 저장합니다.

  6. 프로젝트의 .aspx 파일을 액세스합니다.

  7. .aspx 파일의 HTML 탭에서 이미 정의된 클래스가 있는 외부 스타일시트를 참조하거나 클래스 값을 입력합니다.