Easy Heading Macro

titleExpandClickable	true
navigationTitle	목차
navigationExpandOption	collapse-all-but-headings-1

작성자 : 장민지 / 검수자 : -

Release No. 7.0.500.20260122-11

박스스타일 개요

박스스타일은 i-AUD Designer에서 기본적으로 제공하는 폰트 외의 웹 폰트를 추가해서 사용할 수 있습니다.

정보
MX-Grid(Excel) 보고서 제작 시, Excel 편집자의 로컬 PC에도 해당 폰트가 별도로 설치되어 있어야 합니다.

폰트 추가하기

아래의 파일 다운로드 링크를 통해 다운로드 받은 폰트 파일을 i-AUD에 적용해 보겠습니다.

예제 폰트 파일 다운로드

Step 1. 폰트 파일 업로드

AUD 플랫폼7 서버에 폰트 파일(지원 포맷: woff, woff2, ttf 등)을 물리적으로 업로드 합니다.
AUD 플랫폼7 서버 {ContextRoot}/extention/AUD/webfont/ 하위 에 특정 폰트 파일을 업로드 합니다.

Image Removed

Step 2. 폰트 등록 스크립트 작성

업로드한 폰트를 i-AUD 제품에서 인식할 수 있도록 설정 파일에 등록합니다.

파일 경로 : AUD 플랫폼7 서버 {ContextRoot}/extention/AUD/customscript.jsp

Image Removed

작성 위치: CustomInitialize (제품 초기화 이벤트) 내부

작성 문법

코드 블럭

language	js
title	customscript

AUD.GlobalConfig.WebFont.Add(인자1, 인자2, 인자3);

인자(Argument) 상세 설명

구분값설명작성 규칙인자1Caption폰트 목록에 표시될 이름

사용자에게 보여지는 이름입니다. (예: 나눔고딕)

웹 표준에 따르면, font-family의 이름을 지정할 때 비영문, 문장부호, 공백 등을 사용하는 것을 권장하지 않고 있습니다.

이름 지정 시 영문과 하이픈("-"), 언더바("_")를 사용해주세요.

인자2CodeCSS에서 인식할 폰트명 (Font-family)

MX-Grid 편집 시 Excel 에서 설정한 폰트의 경우 Excel 폰트 목록에 표시된 명칭으로 인자2 을 설정해야 합니다.

인자3파일명실제 파일명업로드한 파일명과 확장자까지 정확히 일치해야 합니다.

작성 예시
Image Removed

코드 블럭

language	js
title	customscript

var CustomInitialize = function() {
	AUD.GlobalConfig.WebFont.Add('나눔고딕', 'NanumGothic', 'nanum-gothic-v17-latin_korean-regular.woff');
};

Step 3. 폰트 추가 확인

1. i-AUD Designer 실행

브라우저를 새로고침하여 디자이너에 재접속합니다.

정보

브라우저에 이전 캐시가 남아있을 경우, 추가한 폰트가 바로 적용되지 않을 수 있습니다.

이 경우 강력 새로고침을 해주시거나 브라우저 캐시를 삭제한 뒤 새로고침해주세요.

2. 컨트롤 선택

폰트를 변경할 컨트롤(라벨, 버튼 등)을 선택합니다.

3. 폰트 목록 확인

속성창의 [Font Family] 드롭다운 목록을 클릭합니다.

Image Removed

4. 적용 테스트

추가한 폰트가 목록에 있는지 확인하고, 선택했을 때 화면에 정상적으로 적용되는지 확인합니다.제작하는 모든 보고서에 공통적으로 적용할 수 있는 전역 디자인 스타일(Global Style)입니다.

주요 기능

디자인 항목: 배경(Background), 테두리(Border), 폰트(Font) 등 주요 속성을 미리 정의하여 저장합니다.
일괄 적용: 동일한 박스스타일이 적용된 컨트롤들은, 스타일 설정 변경시 모든 보고서에 일괄 반영됩니다.
보안: 일반 사용자가 표준 스타일을 임의로 수정하지 못하도록 잠금(Lock) 기능을 설정할 수 있습니다.

참고사항

title	설정 가능한 속성 목록

Background: 배경색, 투명도
Border: 색상(Color), 선 종류(Line Type), 두께(Thickness), 둥근 모서리(Corner Radius)
Font: 글꼴(Family), 크기(Size), 스타일(Bold/Italic), 색상(Color), 가로/세로 정렬(Align)

편집 권한

박스스타일을 생성하거나 수정하기 위해서는 사용자가 아래의 3가지 권한 그룹에 모두 포함되어 있어야 합니다.

참고사항
하나의 권한이라도 누락된 경우 편집 기능이 활성화되지 않습니다.

그룹코드	그룹명	설명
1	Administrator	관리자 권한
D	Development	개발 권한
SD	i-AUD Designer	디자이너 사용 권한

참고사항

편집이 불가능한 경우

편집 권한이 있더라도, 아래와 같은 상황에서는 편집이 불가능합니다.

실행 환경: i-AUD Designer가 아닌 웹 포털(i-AUD Viewer)에서 실행한 경우
권한 부족: 위 필수 권한 그룹에 하나 이상 속하지 않은 경우
잠금(Lock) 설정: 본인이 생성하지 않은 박스스타일에 잠금(Lock)이 설정된 경우

박스스타일 설정 방법

컨트롤 유형에 따라 박스스타일 설정 창에 진입하는 경로가 다릅니다.

Label, Button 등

우측 속성 창 [Style] > [BoxStyle] 속성 클릭

Image Added

ListGrid

컨트롤 우클릭 > 디자인 > 필드, 스타일 탭 > 적용하고자 하는 스타일 속성 클릭
Image AddedImage Added

OlapGrid

컨트롤 우클릭 > 디자인 > 필드, 스타일 탭 > 적용하고자 하는 스타일 속성 클릭

Image Added Image Added

화면 구성 설명

Image Added

1. 박스스타일 목록

현재 등록된 스타일 목록을 확인합니다. 항목을 선택하여 수정하거나, [확인] 버튼을 눌러 컨트롤에 적용합니다.

2. 박스스타일 편집 영역

박스스타일의 스타일 속성을 설정하는 영역입니다. 스타일명(Style Name), 디자인 세부 속성을 설정할 수 있습니다.

Lock: 생성자 본인에게만 표시됩니다.

참고사항

박스스타일 편집 불가능한 상태

편집 권한이 없거나 Lock이 설정된 경우 수정이 불가능합니다.

Image Added

3. 관리 버튼 (신규/복사/삭제)

신규: 새로운 스타일을 추가합니다.
복사: 선택한 스타일을 복제하여 새로운 스타일을 만듭니다.
삭제: 선택한 스타일을 삭제합니다. (Lock 설정 시 비활성화)

참고사항

박스스타일 편집 권한 미부여

편집 권한이 부여되지 않은 경우 해당 버튼이 전체 비활성화됩니다.

Image Added

박스스타일 생성하기

Step 1. 신규 추가 및 속성 설정

관리 버튼 영역에서 [신규]를 클릭합니다.
스타일명(Style Name)을 입력하고, 배경색이나 테두리 등 세부 디자인 속성을 설정합니다.

Image Added

Step 2. Lock 여부 설정

생성자 이외의 사용자가 수정하지 못하도록 하려면 Lock 토글을 활성화합니다.

Image Added

참고사항
Lock 토글 버튼은 박스스타일을 생성한 계정(생성자)에게만 노출됩니다. 다른 사용자는 다른 사람이 만든 박스스타일에 대해서 Lock을 설정할 수 없습니다.

경고

삭제 제한

Lock 기능이 활성화되어 있는 경우 생성자 본인이라도 해당 박스스타일을 바로 삭제할 수 없습니다.

삭제 방법: 먼저 Lock 설정을 해제한 후, 삭제 진행

Step 3. 박스스타일 적용

하단의 [확인] 버튼을 클릭합니다.
박스스타일 저장과 동시에 선택한 컨트롤에 스타일이 적용됩니다.

Image Added

페이지 트리

버전 비교

이전 버전 1

새 버전 현재

키

박스스타일 개요

폰트 추가하기

Step 1. 폰트 파일 업로드

Step 2. 폰트 등록 스크립트 작성