시트 스타일링
제목과 설명을 변경하고, 시트가 앱에 표시되는 조건을 추가하며, 시트 축소판 그림을 추가하도록 시트 스타일을 사용자 지정할 수 있습니다.
시트 제목 및 설명 변경
시트 제목 및 설명을 변경할 수 있습니다. 표현식을 기반으로 고정 시트 제목 또는 동적 시트 제목을 사용할 수 있습니다.
다음과 같이 하십시오.
- 앱 개요에서 시트를 보려면
를 클릭합니다. - 다음 중 하나를 수행합니다.
- 그리드 보기
에 있는 경우, 시트 제목을 클릭한 후 
를 클릭합니다. - 목록 보기
에 있는 경우, 를 클릭합니다.
- 그리드 보기
- 제목 및 설명을 편집합니다.
- 텍스트 영역 외부를 클릭합니다.
동적 시트 제목 사용
시트 속성 패널의 제목 표현식 속성에서 표현식을 기반으로 동적 시트 제목을 설정할 수 있습니다. 유효한 모든 차트 표현식을 사용할 수 있습니다.자세한 내용은 시각화에서 표현식 사용을 참조하십시오.
동적 시트 제목을 설정하는 경우 고정 제목(제목)은 사용되지 않습니다.
도구 모음, 시트 헤더 및 앱 탐색 막대 옵션 숨기기
앱에서 도구 모음과 시트 헤더를 숨길 수 있습니다. 즉, 이러한 영역은 권한에 관계없이 모든 사용자에 대해 모든 시트에 표시되지 않습니다. 앱에서 편집할 수 있음 권한이 있는 모든 사용자는 이러한 요소를 켜거나 끌 수 있습니다. 앱 탐색 막대, 도구 모음 및 시트 헤더에서 개별 요소를 숨길 수도 있습니다.
도구 모음
도구 모음은 다음 버튼이 포함된 시트 위의 영역입니다.
자산
시트
북마크
Insight Advisor
스마트 검색(
)선택 버튼:
이전 단계 선택(
)다음 단계 선택(
)모든 선택 해제(
)
선택 도구(
)시트 편집
선택적으로 자산, 시트 및 북마크 버튼을 도구 모음에서 숨길 수 있습니다. 자산을 제거하면 자산 패널 없이 시트와 북마크가 표시됩니다.
다음과 같이 하십시오.
앱 탐색 막대에서
을 클릭한 다음 
설정을 클릭합니다.메뉴에서 UI 설정 탭으로 전환합니다.
다음 중 하나를 수행합니다.
- 도구 모음을 숨기려면 도구 모음을 끕니다.
- 자산을 숨기려면 도구 모음에서 자산을 선택합니다.
- 시트를 숨기려면 도구 모음에서 시트를 선택합니다.
- 북마크를 숨기려면 도구 모음에서 북마크를 선택합니다.
- 완료를 클릭합니다.
시트 헤더
시트 헤더는 시트 제목, 제목 이미지 및 시트 탐색 화살표가 포함된 시트의 영역입니다.
시트 헤더를 숨기면 탐색 화살표가 도구 모음으로 이동합니다.
선택적으로 시트 제목을 숨길 수 있습니다.
다음과 같이 하십시오.
앱 탐색 막대에서
을 클릭한 다음 설정을 클릭합니다.메뉴에서 UI 설정 탭으로 전환합니다.
다음 중 하나를 수행합니다.
- 시트 헤더를 숨기려면 시트 헤더를 끕니다.
- 시트 제목을 숨기려면 시트 헤더에서 시트 제목을 선택합니다.
- 완료를 클릭합니다.
앱 탐색 막대
선택적으로 앱의 앱 탐색 막대에서 다음 옵션을 숨길 수 있습니다.
로고
탐색
Insight Advisor에게 요청
리소스 센터
알림
프로필
다음과 같이 하십시오.
앱 탐색 막대에서
을 클릭한 다음 설정을 클릭합니다.메뉴에서 UI 설정 탭으로 전환합니다.
- 앱 탐색 막대에서 앱 탐색 막대에 숨기려는 옵션을 선택합니다.
- 완료를 클릭합니다.
앱 인터페이스 요소를 숨길 때
장점
도구 모음과 시트 헤더를 숨기면 차트, 필터 창 및 기타 개체를 위한 더 많은 공간이 만들어집니다.
시트 헤더를 끄면 시트를 다운로드 또는 공유하거나 구독을 보내거나 Qlik Automate 보고서를 생성할 때 이 영역이 나타나지 않습니다. 이는 시트를 사용하여 PowerPoint 프레젠테이션 또는 대시보드를 만드는 경우에 유용합니다.
도구 모음을 제거하면 앱 개발자가 다른 사용자가 쉽게 액세스할 수 있는 기능을 더 많이 제어할 수 있습니다. 예를 들어, 시트 편집 버튼을 숨겨서 다른 앱 개발자가 앱을 편집하지 못하도록 할 수 있습니다.
단점
도구 모음을 숨겨도 북마크, 메모, Insight Advisor 또는 시트 편집과 같은 기능이 완전히 제거되지는 않습니다. 예를 들어, 북마크는 앱 개요에서 계속 찾을 수 있습니다. 그러나 앱 소비자는 이러한 기능을 더 이상 사용할 수 없다고 생각할 수 있습니다.
도구 모음과 시트 헤더를 숨기는 경우 시트 사이를 탐색하는 유일한 방법은 바로 가기 키나 버튼 개체를 사용하는 것입니다. 자세한 내용은 앱의 키보드 탐색 및 바로 가기 및 버튼 만들기을 참조하십시오.
선택 영역이 숨겨져 있으면 사용자가 선택 사항이 앱에 적용되었음을 인식하지 못할 수 있습니다. 시트에 필터 창을 추가하거나 개별 차트에 필터를 추가해야 할 수 있습니다. 자세한 내용은 필터 창 만들기 및 시각화에 필터 적용를 참조하십시오.
예
도구 모음과 시트 헤더를 표시하는 시트. 도구 모음에는 메모, Insight Advisor, 현재 선택 등이 표시됩니다. 시트 헤더에는 제목 이미지, 시트 제목 및 탐색 화살표가 포함됩니다.
위와 같은 시트이지만 도구 모음이 보이고 시트 헤더가 숨겨져 있습니다. 사용자는 더 이상 제목 이미지, 시트 제목 또는 탐색 화살표를 볼 수 없습니다.
위와 같은 시트이지만 시트 헤더가 보이고 도구 모음이 숨겨져 있습니다. 사용자는 어떤 선택이 적용되었는지 볼 수 없습니다.
위와 같은 시트이지만 헤더와 도구 모음이 모두 숨겨져 있습니다.
사용자 지정 로고 추가
앱 탐색 막대에 사용자 지정 로고를 추가할 수 있습니다. 이는 테넌트의 탐색 막대에 설정된 로고를 바꿉니다.
다음과 같이 하십시오.
앱 탐색 막대에서
을 클릭한 다음 설정을 클릭합니다.메뉴에서 UI 설정 탭으로 전환합니다.
앱 탐색 막대에서
을 클릭합니다.로고에서
을 클릭합니다.기존 이미지를 선택하거나 새 이미지를 업로드합니다.
삽입을 클릭합니다.
시트 표시 조건 설정
표현식이 참 또는 거짓으로 평가됨에 따라 앱에서 시트를 표시하거나 숨기도록 조건 표시에서 조건을 설정할 수 있습니다. 시트는 표현식이 참으로 평가되는 경우에만 표시됩니다. 시트를 숨겨도 앱에서 데이터를 숨기거나 제외하지 않습니다.
예를 들어 데이터에 특정 값이 있는 경우에만 사용할 수 있는 시트를 만들 수 있습니다. 일반적으로 if 함수를 사용해야 합니다.자세한 내용은 if 스크립트 및 차트 함수를 참조하십시오.
시트 축소판 그림 변경
앱 개요와 자산 패널에서 시트를 더 쉽게 구분할 수 있도록 기본 축소판 그림을 바꿀 수 있습니다. 시트 이미지를 생성하거나, 기본 이미지 중 하나를 사용하거나, 자체 이미지를 사용할 수 있습니다.
다음에 주의하십시오.
- 지원되는 형식은 .png, .jpg, .jpeg 및 .gif입니다.
- 미리 보기의 최적 화면비는 8:5(폭:높이)입니다.
- 비공개 시트의 축소판 그림만 추가 또는 변경할 수 있습니다.
다음과 같이 하십시오.
- 앱 개요에서 시트를 보려면 를 클릭합니다.
- 다음 중 하나를 수행합니다.
- 그리드 보기 에 있는 경우, 시트 제목을 클릭한 후 를 클릭합니다.
- 목록 보기 에 있는 경우, 를 클릭합니다.
- 그리드 보기
- 다음 중 하나를 수행합니다.
시트를 기반으로 축소판 그림을 생성하려면
을(를) 클릭합니다.축소판 그림 이미지를 선택하려면 다음과 같이 하십시오:
기본 미리 보기에서
를 클릭합니다.미디어 라이브러리가 열립니다.
- 시트의 축소판 그림으로 사용할 이미지를 선택하고 삽입을 클릭합니다.
- 편집을 중지하려면
을 클릭합니다.
선택한 이미지는 이제 시트의 축소판 그림으로 사용되며, 자산 패널과 앱 개요에 표시됩니다.
자세한 내용은 Qlik Sense 사이트 관리: 콘텐츠 라이브러리에 개체 업로드 (영어만 해당)를 참조하십시오.
배경색 또는 이미지 추가
시트의 배경을 사용자 지정할 수 있습니다. 특정 배경색을 선택하거나, 표현식에 따라 색을 지정할 수 있습니다. 미디어 라이브러리의 모든 이미지를 배경으로 설정할 수 있습니다. 전체 배경을 채우지 않도록 이미지를 배치하고 크기를 조정할 수 있습니다.
지원되는 형식은 .png, .jpg, .jpeg 및 .gif입니다. .gif를 사용하는 경우 애니메이션되거나 정적일 수 있습니다.
Qlik Cloud 정부는 시트의 배경 이미지나 색을 지원하지 않습니다.
다음과 같이 하십시오.
- 편집 모드에서 시트를 엽니다.
- 시트 속성에서 스타일링을 클릭합니다.
- 배경을 사용자 지정으로 설정합니다. 기본값은 자동입니다.
배경색:
단색: 색 선택기를 사용하여 색을 선택합니다.
표현식 기준: 사용자 정의 표현식을 사용하여 색을 설정합니다. 자세한 내용은 표현식 기준 색 지정을 참조하십시오.
- 배경 이미지: 미디어 라이브러리의 이미지를 선택합니다. 기본값은 없음입니다.
기본 미리 보기에서
를 클릭합니다.미디어 라이브러리가 열립니다.
사용하려는 이미지를 선택하고 삽입을 클릭합니다.
원하는 이미지가 미디어 라이브러리에 없는 경우 새 업로드를 클릭하고 이미지를 추가합니다.
- 드롭다운을 사용하여 이미지 크기를 변경합니다.
- 원본 크기
- 항상 맞춤
- 너비에 맞춤
- 높이에 맞춤
- 선택 범위에 맞게 확대
- 항상 채우기
- 위치에서 이미지 맞춤을 변경할 수 있습니다. 예를 들어, 이미지는 시트의 중앙에 위치하거나 오른쪽 상단 모서리에 위치할 수 있습니다.
이제 선택한 이미지와 배경색이 시트에 표시됩니다.
왼쪽에 배경 이미지가 설정된 편집 모드의 시트
CSS를 사용하여 시트 스타일링 사용자 지정
CSS를 사용하여 개별 시트의 스타일링을 사용자 지정할 수 있습니다. 이를 통해 테마에 포함되지 않은 요소를 사용자 지정할 수 있으므로 사용자 지정 테마를 보완하는 데 도움이 될 수 있습니다. 사용자 지정된 시트 스타일링을 사용하면 응용 프로그램에 적용된 테마의 스타일링을 재정의할 수도 있습니다.
CSS 시트 스타일링 사용은 최대한 최소화하는 것이 좋습니다. 가능하면 사용자 지정 CSS 대신 사용할 수 있는 스타일링 속성과 스타일링 옵션을 사용하는 것이 좋습니다.
CSS 스타일링은 다른 옵션을 사용할 수 없을 때만 사용하는 것이 가장 좋습니다. 모든 시트의 CSS 구조는 정적이지 않고 API도 아니며 언제든지 변경될 수 있습니다. CSS 스타일링을 최소한으로 유지하고, 스타일링이 정확한지 확인하고, 스타일링이 깨질 만한 변경 내용이 발생하더라도 쉽게 수정할 수 있는지 확인합니다.
사용자 지정 테마에 대한 자세한 내용은 사용자 지정 테마을 참조하십시오.
다음과 같이 하십시오.
- 편집 모드에서 시트를 엽니다.
- 시트 속성에서 스타일링을 클릭합니다.
- 사용자 지정 스타일을 활성화됨으로 설정합니다.
- 입력 상자에 CSS 스타일링을 입력합니다.
제한 사항
시트에 대한 사용자 지정 CSS 스타일링에는 여러 가지 제한 사항이 있습니다. 추가된 CSS는 분석 및 정제 과정을 거쳐 응용 프로그램 기능을 숨기거나 손상시킬 수 있는 요소를 제거하고 무시합니다. 지원되지 않는 CSS를 입력하면 알림이 표시됩니다. CSS를 사용하여 스타일 시트를 만들 때의 몇 가지 제한 사항은 다음과 같습니다.
font-size는 18px보다 클 수 없습니다.
HTML 태그는 지원되지 않습니다.
다음 선택기는 허용되지 않습니다.
의사 선택기
루트 선택기
* 선택기
다음 @rules는 지원되지 않습니다.
charset
color-profile
counter-style
font-face
font-feature-values
font-palette-values
import
keyframes
media
namespace
page
position-try
property
주입은 허용되지 않습니다.
display:none은 사용자 지정 요소나 클래스에만 지원됩니다.
주석이 적용되지 않습니다.
Qlik 분석 모바일 앱의 응용 프로그램에서는 사용자 지정 CSS 스타일링이 지원되지 않습니다.