GRID FEATURE

기본 로고의 표시

기본 로고는 Community를 포함해 Grid 하단의 전용 공간에 표시됩니다. 데이터를 가리키는 워터마크가 아니라 표의 구성 요소로 공간을 확보합니다.

동작 원리와 선택 기준

Grid와 Chart의 그리기 영역은 다릅니다. Grid에서는 셀·페이지 이동 컨트롤과 겹치지 않는 하단 오른쪽 위치를 기준으로 읽고, 표 높이를 계산할 때 이 영역을 포함합니다.

코드의 grid는 설치와 연결 장에서 준비한 Grid 요소입니다. 예제마다 필요한 데이터·설정을 확인하고, 코드에서 소개하는 앱 함수와 서버 주소는 프로젝트에 맞게 구현하세요.

예제 1. 기본 구성 확인

로고 설정을 생략하거나 기본값으로 되돌립니다.

javascript
grid.brandLogo = '';

결과 확인: 기본 마크가 표시됩니다. 다른 기능을 켜고 꺼도 데이터 셀 안으로 이동하지 않아야 합니다.

예제 2. 작은 높이에서 점검

페이지 이동·상태 바·가로 스크롤을 켠 짧은 표에서 마지막 행과 하단 컨트롤을 함께 확인합니다.

결과 확인: 표 높이는 로고와 컨트롤을 포함한 사용 공간을 고려해 정합니다. 외부 컨테이너의 overflow로 하단을 잘라내지 않도록 합니다.

예제 3. 브랜드 변경이 필요할 때

로고를 제거하거나 회사 이미지로 바꾸려면 로고와 위치 문서의 brandLogo 및 라이선스 절차를 따릅니다.

결과 확인: 단순 배경색 변경은 theming, 로고 이미지 변경은 branding 설정입니다. 두 목적을 구분해 적용합니다.

조합할 때와 문제를 해결할 때

내부 마크를 가리는 앱 요소를 겹치거나 표를 잘라내는 방식으로 사용자 지정하지 마세요.

로고는 클릭 유도용 앱 버튼을 대신하지 않습니다. 앱의 주요 작업은 별도의 접근 가능한 버튼으로 제공합니다.

함께 읽기