앱 스타일링
스타일을 적용하여 회사 표준에 따라 앱을 사용자 지정할 수 있습니다. 선택한 스타일링이 앱의 모든 시트에 적용됩니다. 앱이 게시되면 앱 스타일링을 변경할 수 없습니다.
앱 스타일링다음과 같은 스타일링 옵션을 사용할 수 있습니다.
- 텍스트 또는 숫자 문자열에서 문자의 방향 변경
- 기본 앱 테마 변경
- 모든 시각화에 대해 컨텍스트 메뉴를 켜거나 끕니다.
- 모든 시각화에 대해 가리키기 메뉴를 설정하거나 해제합니다.
- 시트 제목의 배경색 변경
- 시트 제목의 글꼴색 변경
- 로고 등의 이미지 추가 및 정렬
- 모든 시트에 대해 도구 모음 및 헤더를 설정하거나 해제합니다.
사용자 지정 테마 확장 기능을 통해 개발자가 더 많은 스타일링을 앱에 적용할 수 있습니다.
개별 개체의 사용자 지정 스타일링은 앱 스타일링을 재정의합니다.
앱 옵션 열기
게시되지 않은 앱의 어디에서든 앱 옵션을 열 수 있습니다.
다음과 같이 하십시오.
-
게시되지 않은 앱에서 를 클릭한 후 을 클릭하여 앱 옵션을 엽니다.
-
를 클릭하여 앱 옵션을 닫습니다.
읽기 순서 변경
다음과 같이 하십시오.
- 게시되지 않은 앱에서 를 클릭한 후 을 클릭하여 앱 옵션을 엽니다.
- 모양 > 오른쪽에서 왼쪽에서 켜기 또는 끄기를 선택합니다.
기본 앱 테마 변경
기본 Qlik 테마 중 하나를 적용하거나 직접 만들고 설치한 사용자 지정 테마를 적용할 수 있습니다.
기본 Qlik 테마는 다음과 같습니다.
-
Sense Horizon - 새 앱을 만들 때 기본 테마입니다.
- Sense 클래식 - 보다 축약된 보기 개체를 제공하고 개체 간의 간격을 제한합니다.
- Sense 포커스 - 개체의 안쪽 여백 및 간격을 조정하고 제목에 지정된 간격을 제공합니다.
- Sense Breeze - Sense 포커스를 기반으로 하지만 색 설정이 다릅니다.
다음과 같이 하십시오.
- 게시되지 않은 앱에서 를 클릭한 후 을 클릭하여 앱 옵션을 엽니다.
- 앱 테마 드롭다운 메뉴에서 적용할 테마를 선택합니다.
사용자 지정 테마
회사 표준에 따라 사용자 지정 테마를 만들 수도 있습니다. 테마를 사용하면 색을 변경하고 이미지와 배경을 추가하며 글꼴, 글꼴 크기, 글꼴 두께 및 글꼴 스타일을 전체 또는 세부적으로 앱 전체에서 지정할 수 있으므로 앱의 스타일을 정확하게 지정할 수 있습니다. 색상표를 정의하고 여백, 안쪽 여백 및 간격에 대한 사양을 사용자 지정할 수도 있습니다.
자세한 내용은 다음을 참조하십시오.
시트 및 차트를 PDF 형식으로 내보낼 때 사용자 지정 테마가 지원됩니다. 이는 수동으로 내보낸 PDF와 구독을 사용하거나 Qlik 보고 서비스를 통해 자동으로 내보낸 PDF에 적용됩니다. 그러나 사용자 지정 테마를 사용하는 앱에서 생성된 PDF는 앱에서 보이는 것과 다르게 보일 수 있습니다. 자세한 내용은 사용자 지정 테마 JSON 속성을 참조하십시오.
사용자 지정 테마를 만들었으면 Qlik Sense에 확장으로 저장합니다. JSON 파일 및 CSS 파일 같은 추가 리소스는 Qlik 관리 콘솔(QMC)에 확장으로 압축되고 가져옵니다. 이렇게 하면 특정 사용자가 액세스할 수 있는 테마를 제어하기 위해 해당 보안 규칙을 QMC에 추가할 수 있습니다.
사용자 지정 테마는 앱 테마 드롭다운 메뉴에서 사용자 지정 아래 표시됩니다.
가리키기 메뉴 및 컨텍스트 메뉴 끄기
가리키기 및 컨텍스트 메뉴는 사용자가 차트와 상호 작용할 때 표시되는 대화형 요소입니다. 두 메뉴 모두 사용자가 차트와 관련된 다양한 작업을 수행할 수 있는 옵션 메뉴에 대한 액세스를 제공합니다. 참조: 옵션 메뉴
이 메뉴 중 하나 또는 둘 다를 꺼서 앱 사용자를 위한 대화형 환경을 사용자 지정할 수 있습니다.
가리키기 메뉴 끄기
사용자가 항목 위에 커서를 놓을 때 시각화에 표시되는 가리키기 메뉴를 끄도록 선택할 수 있습니다. 이는 앱의 모든 시각화에 영향을 미칩니다.
다음과 같이 하십시오.
- 게시되지 않은 앱에서 를 클릭한 후 을 클릭하여 앱 옵션을 엽니다.
- 시각화에 대한 가리키기 메뉴 끄기를 클릭합니다.
편집 모드에서 단일 시각화에 대한 가리키기 메뉴를 끌 수 있습니다.
다음과 같이 하십시오.
- 편집 모드에서 시각화를 선택합니다.
- 속성 패널에서 모양 > 일반으로 이동합니다.
- 가리키기 메뉴 끄기를 선택합니다.
컨텍스트 메뉴 끄기
컨텍스트 메뉴는 사용자가 차트를 마우스 오른쪽 버튼으로 클릭하거나 사용자가 터치 스크린 모드를 활성화하고 차트를 길게 터치하면 표시됩니다. 모든 시각화에 대해 컨텍스트 메뉴를 끌 수 있습니다.
다음과 같이 하십시오.
- 게시되지 않은 앱에서 를 클릭한 후 을 클릭하여 앱 옵션을 엽니다.
- 시각화를 위한 컨텍스트 메뉴를 클릭합니다.
차트 애니메이션 변경
차트 애니메이션은 예를 들어, 데이터를 선택한 후 데이터가 변경될 때 이전 보기에서 새 보기로 시각화가 점진적으로 전환되는 것입니다.
앱 설정에서 차트 애니메이션을 끌 수 있습니다. 다음 차트 유형에 사용할 수 있습니다.
-
막대형 차트
-
글머리 기호 차트
-
콤보 차트
-
꺾은선형 차트
-
원형 차트
-
스캐터 차트
-
깔때기형 차트(시각화 번들)
-
그리드형 차트(시각화 번들)
-
Sankey 차트(시각화 번들)
다음과 같이 하십시오.
- 게시되지 않은 앱에서 를 클릭한 후 을 클릭하여 앱 옵션을 엽니다.
- 모양 > 차트 애니메이션에서 켜기 또는 끄기를 선택합니다.
도구 모음, 시트 헤더 및 앱 탐색 막대 옵션 숨기기
앱에서 도구 모음과 시트 헤더를 숨길 수 있습니다. 즉, 이러한 영역은 권한에 관계없이 모든 사용자에 대해 모든 시트에 표시되지 않습니다. 앱에서 편집할 수 있음 권한이 있는 모든 사용자는 이러한 요소를 켜거나 끌 수 있습니다. 앱 탐색 막대, 도구 모음 및 시트 헤더에서 개별 요소를 숨길 수도 있습니다.
도구 모음
도구 모음은 다음 버튼이 포함된 시트 위의 영역입니다.
-
자산
-
통찰력
-
선택 항목( 아이콘으로 표시)
시트 편집
선택적으로 도구 모음에서 자산을 숨길 수 있습니다.
다음과 같이 하십시오.
- 탐색 막대에서 앱 이름을 클릭한 다음 을 클릭하여 앱 옵션을 엽니다.
- 모양에서 UI 설정 다음에 을 클릭합니다.
- 다음 중 하나를 수행합니다.
- 도구 모음을 숨기려면 도구 모음을 끕니다.
- 자산을 숨기려면 도구 모음에서 자산을 선택합니다.
- 완료를 클릭합니다.
시트 헤더
시트 헤더는 시트 제목, 제목 이미지 및 시트 탐색 화살표가 포함된 시트의 영역입니다.
시트 헤더를 숨기면 탐색 화살표가 도구 모음으로 이동합니다.
선택적으로 시트 제목을 숨길 수 있습니다.
다음과 같이 하십시오.
- 탐색 막대에서 앱 이름을 클릭한 다음 을 클릭하여 앱 옵션을 엽니다.
- 모양에서 UI 설정 다음에 을 클릭합니다.
- 다음 중 하나를 수행합니다.
- 시트 헤더를 숨기려면 시트 헤더를 끕니다.
- 시트 제목을 숨기려면 시트 헤더에서 시트 제목을 선택합니다.
- 완료를 클릭합니다.
앱 탐색 막대
선택적으로 앱의 앱 탐색 막대에서 다음 옵션을 숨길 수 있습니다.
-
로고
-
탐색
-
통찰력에게 요청
-
리소스 센터
-
알림
-
프로필
다음과 같이 하십시오.
- 탐색 막대에서 앱 이름을 클릭한 다음 을 클릭하여 앱 옵션을 엽니다.
- 모양에서 UI 설정 다음에 을 클릭합니다.
- 앱 탐색 막대에서 앱 탐색 막대에 숨기려는 옵션을 선택합니다.
- 완료를 클릭합니다.
사용 시기
장점
도구 모음과 시트 헤더를 숨기면 차트, 필터 창 및 기타 개체를 위한 더 많은 공간이 만들어집니다.
시트 헤더를 끄면 시트를 다운로드 또는 공유하거나 구독을 보내거나 Qlik 응용 프로그램 자동화 보고서를 생성할 때 이 영역이 나타나지 않습니다. 이는 시트를 사용하여 PowerPoint 프레젠테이션 또는 대시보드를 만드는 경우에 유용합니다.
도구 모음을 제거하면 앱 개발자가 다른 사용자가 쉽게 액세스할 수 있는 기능을 더 많이 제어할 수 있습니다. 예를 들어, 시트 편집 버튼을 숨겨서 다른 앱 개발자가 앱을 편집하지 못하도록 할 수 있습니다.
단점
도구 모음을 숨겨도 북마크, 메모, Insight Advisor 또는 시트 편집과 같은 기능이 완전히 제거되지는 않습니다. 예를 들어, 북마크는 앱 개요에서 계속 찾을 수 있습니다. 그러나 앱 소비자는 이러한 기능을 더 이상 사용할 수 없다고 생각할 수 있습니다.
도구 모음과 시트 헤더를 숨기는 경우 시트 사이를 탐색하는 유일한 방법은 바로 가기 키나 버튼 개체를 사용하는 것입니다.
선택 영역이 숨겨져 있으면 사용자가 선택 사항이 앱에 적용되었음을 인식하지 못할 수 있습니다. 시트에 필터 창을 추가하거나 개별 차트에 필터를 추가해야 할 수 있습니다.
예
시트 제목 색상 변경
시트 제목의 배경색은 단색 또는 두 색을 선택하여 그라데이션으로 설정할 수 있습니다. 시트 제목의 글꼴은 단색으로만 설정할 수 있습니다.
색을 선택하는 경우 다음과 같은 옵션을 사용할 수 있습니다.
- 기본 색상표에서 색 선택
- # 입력 필드에 6개의 문자를 입력하여 16진수 색 설정
- 색상표를 클릭하면 더 많은 색 옵션이 표시됨:
- 색상표를 클릭하여 색 선택
- 슬라이더를 끌어서 채도 변경
기본 색상표에서 색 선택
다음과 같이 하십시오.
-
색 드롭다운에서 을 클릭합니다.
대화 상자가 열리고 기본 색이 표시됩니다.
-
색상표의 색 중 하나를 클릭합니다.
색이 선택됩니다.
-
대화 상자 외부를 클릭합니다.
대화 상자가 닫힙니다.
이제 기본 색상표에서 선택하여 색을 설정했습니다.
16진수 색 입력
다음과 같이 하십시오.
-
색 드롭다운에서 을 클릭합니다.
대화 상자가 열리고 기본 색이 표시됩니다.
-
16진수 입력 필드 #에 6개의 문자를 입력합니다.
색상표에서 색상이 선택됩니다.
-
대화 상자 외부를 클릭합니다.
대화 상자가 닫힙니다.
이제 6자리 16진수를 입력하여 색을 설정했습니다.
고급 색 옵션 사용
다음과 같이 하십시오.
-
색 드롭다운에서 을 클릭합니다.
대화 상자가 열리고 기본 색이 표시됩니다.
-
대화 상자 아래쪽에서 을 클릭합니다.
대화 상자가 변경되고 고급 옵션이 표시됩니다.
-
다음 중 하나를 수행합니다.
-
색상표를 클릭합니다.
색이 변경되고 16진수 색 코드가 적절히 업데이트됩니다.
-
슬라이더를 끕니다.
채도가 변경되고 16진수 색 코드가 적절히 업데이트됩니다.
어떤 방법이든 색이 선택됩니다.
-
-
대화 상자 외부를 클릭합니다.
대화 상자가 닫힙니다.
이제 색상표 및/또는 슬라이더를 사용하여 색을 설정했습니다.
이미지 추가
시트 제목에 로고 등의 이미지를 추가할 수 있습니다. 지원되는 형식은 다음과 같습니다.png,jpg,jpeg 및gif.
다음과 같이 하십시오.
-
이미지 옆의 이미지 자리 표시자를 클릭합니다.
미디어 라이브러리가 열립니다.
- 미디어 라이브러리에서 폴더를 클릭합니다(예: 앱 내 또는 기본값).
-
시트 제목에 추가할 이미지를 선택합니다.
이미지의 미리 보기가 표시됩니다.
-
삽입을 클릭합니다.
이미지가 추가됩니다.
이제 시트 제목에 이미지를 추가했습니다.