앱 스타일링

스타일을 적용하여 회사 표준에 따라 앱을 사용자 지정할 수 있습니다. 선택한 스타일은 앱의 모든 시트에 적용됩니다.

다음과 같은 스타일링 옵션을 사용할 수 있습니다.

• 텍스트 또는 숫자 문자열에서 문자의 방향 변경
• 기본 앱 테마 변경
• 모든 시각화에 대해 컨텍스트 메뉴를 켜거나 끕니다.
• 모든 시각화에 대해 가리키기 메뉴를 설정하거나 해제합니다.
• 시각화 메뉴에서 항목 숨기기.
• 시트 헤더 스타일링을 변경합니다.
• 로고 등의 이미지 추가 및 정렬
• 모든 시트에 대해 도구 모음 및 헤더를 설정하거나 해제합니다.
• 앱에 사용자 지정 로고 추가.

앱 설정 열기

앱의 어느 곳에서나 앱 설정을 열 수 있습니다.

다음과 같이 하십시오.

1. 앱 탐색 막대에서 을 클릭한 다음 설정을 클릭합니다.

2. 을 클릭하여 앱 설정을 닫습니다.

읽기 순서 변경

다음과 같이 하십시오.

1. 앱 탐색 막대에서 을 클릭한 다음 설정을 클릭합니다.

2. 메뉴에서 모양 탭으로 전환합니다.

3. 오른쪽에서 왼쪽으로를 켜거나 끕니다.

기본 앱 테마 변경

기본 Qlik 테마 중 하나를 적용하거나 직접 만들고 설치한 사용자 지정 테마를 적용할 수 있습니다.

기본 Qlik 테마는 다음과 같습니다.

• Sense Horizon - 새 앱을 만들 때 기본 테마입니다.

• Sense Classic - 보다 축약된 보기 개체를 제공하고 개체 간의 간격을 제한합니다.
• Sense Focus - 개체의 안쪽 여백 및 간격을 조정하고 제목에 대한 지정된 공간을 제공합니다.
• Sense Breeze - Sense Focus를 기반으로 하지만 색 설정이 다릅니다.

다음과 같이 하십시오.

1. 앱 탐색 막대에서 을 클릭한 다음 설정을 클릭합니다.

2. 메뉴에서 모양 탭으로 전환합니다.

3. 응용 프로그램 테마 드롭다운 메뉴에서 적용할 테마를 선택합니다.

사용자 지정 테마

회사 표준에 따라 사용자 지정 테마를 만들 수도 있습니다. 테마를 사용하면 색을 변경하고 이미지와 배경을 추가하며 글꼴, 글꼴 크기, 글꼴 두께 및 글꼴 스타일을 전체 또는 세부적으로 앱 전체에서 지정할 수 있으므로 앱의 스타일을 정확하게 지정할 수 있습니다. 색상표를 정의하고 여백, 안쪽 여백 및 간격에 대한 사양을 사용자 지정할 수도 있습니다.

사용자 지정 테마를 만들면 압축 패키지 형태로 관리 활동 센터에 업로드합니다. 이 패키지에는 JSON 파일과 CSS 파일과 같은 추가 리소스가 포함되어 있습니다.

앱 설정의 모양 섹션에서 사용할 수 있는 사용자 지정 테마를 볼 수 있습니다. 사용자 지정 테마는 응용 프로그램 테마 드롭다운 메뉴의 사용자 지정에 표시됩니다.

시각화 메뉴에서 항목 숨기기

분석 모드에서 사용자는 시각화를 마우스 오른쪽 버튼으로 클릭하거나, 시각화 위에 커서를 올려놓거나, 길게 터치한 다음 옵션 메뉴()에 액세스하여 시각화와 상호 작용합니다. 제공된 옵션은 시트 콘텐츠를 소비하는 데 유용합니다.

기본적으로 사용할 수 있는 모든 옵션이 사용자에게 표시됩니다. 이 기능을 재정의하고 대신 포함할 특정 항목을 정의할 수 있습니다. 시트 편집 옵션, 차트별 옵션 등 컨텍스트 메뉴 외부의 다른 항목은 계속 사용할 수 있습니다.

다음과 같이 하십시오.

1. 앱 탐색 막대에서 을 클릭한 다음 설정을 클릭합니다.

2. 메뉴에서 UI 설정 탭으로 전환합니다.
3. 시각화 메뉴의 기본 항목 재정의를 켭니다.
4. 원하는 대로 옵션을 켜거나 끕니다. 다음 옵션을 구성할 수 있습니다.

   • 다운로드

   • 데이터 보기

   • 탐색 메뉴

   • 전체 화면

   • 주요 동인

   • 활동 센터의 모니터

   • 세부 정보 표시

   • 구독

   • 알림

제한 사항:  

• 시각화 메뉴는 분석 모드에서 시트를 보는 환경에 맞춰서만 사용자 지정할 수 있습니다. Insight Advisor와 같은 다른 환경은 사용자 지정을 지원하지 않습니다.

차트 애니메이션 변경

차트 애니메이션은 예를 들어, 데이터를 선택한 후 데이터가 변경될 때 이전 보기에서 새 보기로 시각화가 점진적으로 전환되는 것입니다.

앱 설정에서 차트 애니메이션을 끌 수 있습니다. 다음 차트 유형에 사용할 수 있습니다.

• 막대형 차트

• 글머리 기호 차트

• 콤보 차트

• 꺾은선형 차트

• 원형 차트

• 스캐터 차트

• 깔때기형 차트(시각화 번들)

• 그리드형 차트(시각화 번들)

• Sankey 차트(시각화 번들)

다음과 같이 하십시오.

1. 앱 탐색 막대에서 을 클릭한 다음 설정을 클릭합니다.

2. 메뉴에서 모양 탭으로 전환합니다.

3. 차트 애니메이션을 켜거나 끕니다.

도구 모음, 시트 헤더 및 앱 탐색 막대 옵션 숨기기

앱에서 도구 모음과 시트 헤더를 숨길 수 있습니다. 즉, 이러한 영역은 권한에 관계없이 모든 사용자에 대해 모든 시트에 표시되지 않습니다. 앱에서 편집할 수 있음 권한이 있는 모든 사용자는 이러한 요소를 켜거나 끌 수 있습니다. 앱 탐색 막대, 도구 모음 및 시트 헤더에서 개별 요소를 숨길 수도 있습니다.

도구 모음

도구 모음은 다음 버튼이 포함된 시트 위의 영역입니다.

• 자산

• 시트

• 북마크

• Insight Advisor

• 스마트 검색()

• 선택 버튼: 

  • 이전 단계 선택()

  • 다음 단계 선택()

  • 모든 선택 해제()

• 선택 도구()

• 시트 편집

선택적으로 자산, 시트 및 북마크 버튼을 도구 모음에서 숨길 수 있습니다. 자산을 제거하면 자산 패널 없이 시트와 북마크가 표시됩니다.

다음과 같이 하십시오.

1. 앱 탐색 막대에서 을 클릭한 다음 설정을 클릭합니다.

2. 메뉴에서 UI 설정 탭으로 전환합니다.

3. 다음 중 하나를 수행합니다.

   • 도구 모음을 숨기려면 도구 모음을 끕니다.
   • 자산을 숨기려면 도구 모음에서 자산을 선택합니다.
   • 시트를 숨기려면 도구 모음에서 시트를 선택합니다.
   • 북마크를 숨기려면 도구 모음에서 북마크를 선택합니다.
4. 완료를 클릭합니다.

시트 헤더

시트 헤더는 시트 제목, 제목 이미지 및 시트 탐색 화살표가 포함된 시트의 영역입니다.

시트 헤더를 숨기면 탐색 화살표가 도구 모음으로 이동합니다.

선택적으로 시트 제목을 숨길 수 있습니다.

다음과 같이 하십시오.

1. 앱 탐색 막대에서 을 클릭한 다음 설정을 클릭합니다.

2. 메뉴에서 UI 설정 탭으로 전환합니다.

3. 다음 중 하나를 수행합니다.

   • 시트 헤더를 숨기려면 시트 헤더를 끕니다.
   • 시트 제목을 숨기려면 시트 헤더에서 시트 제목을 선택합니다.
4. 완료를 클릭합니다.

앱 탐색 막대

선택적으로 앱의 앱 탐색 막대에서 다음 옵션을 숨길 수 있습니다.

• 로고

• 탐색

• Insight Advisor에게 요청

• 리소스 센터

• 알림

• 프로필

다음과 같이 하십시오.

1. 앱 탐색 막대에서 을 클릭한 다음 설정을 클릭합니다.

2. 메뉴에서 UI 설정 탭으로 전환합니다.

3. 앱 탐색 막대에서 앱 탐색 막대에 숨기려는 옵션을 선택합니다.
4. 완료를 클릭합니다.

앱 인터페이스 요소를 숨길 때

장점

도구 모음과 시트 헤더를 숨기면 차트, 필터 창 및 기타 개체를 위한 더 많은 공간이 만들어집니다.

시트 헤더를 끄면 시트를 다운로드 또는 공유하거나 구독을 보내거나 Qlik Automate 보고서를 생성할 때 이 영역이 나타나지 않습니다. 이는 시트를 사용하여 PowerPoint 프레젠테이션 또는 대시보드를 만드는 경우에 유용합니다.

도구 모음을 제거하면 앱 개발자가 다른 사용자가 쉽게 액세스할 수 있는 기능을 더 많이 제어할 수 있습니다. 예를 들어, 시트 편집 버튼을 숨겨서 다른 앱 개발자가 앱을 편집하지 못하도록 할 수 있습니다.

단점

도구 모음을 숨겨도 북마크, 메모, Insight Advisor 또는 시트 편집과 같은 기능이 완전히 제거되지는 않습니다. 예를 들어, 북마크는 앱 개요에서 계속 찾을 수 있습니다. 그러나 앱 소비자는 이러한 기능을 더 이상 사용할 수 없다고 생각할 수 있습니다.

도구 모음과 시트 헤더를 숨기는 경우 시트 사이를 탐색하는 유일한 방법은 바로 가기 키나 버튼 개체를 사용하는 것입니다. 자세한 내용은 앱의 키보드 탐색 및 바로 가기 및 버튼 만들기을 참조하십시오.

선택 영역이 숨겨져 있으면 사용자가 선택 사항이 앱에 적용되었음을 인식하지 못할 수 있습니다. 시트에 필터 창을 추가하거나 개별 차트에 필터를 추가해야 할 수 있습니다. 자세한 내용은 필터 창 만들기 및 시각화에 필터 적용를 참조하십시오.

예

시트 헤더 색 변경

시트 헤더 배경색은 두 가지 색을 선택하여 단색이나 그라데이션 색으로 설정할 수 있습니다. 시트 헤더 글꼴은 단색으로만 설정할 수 있습니다.

시트 헤더 스타일링을 변경하려면 앱 탐색 막대에서 을 클릭한 다음 설정을 클릭합니다. 시트 헤더 옵션은 시트 헤더 스타일링 탭에서 사용할 수 있습니다.

색을 선택하는 경우 다음과 같은 옵션을 사용할 수 있습니다.

• 기본 색상표에서 색 선택
• # 입력 필드에 6개의 문자를 입력하여 16진수 색 설정
• 색상표를 클릭하면 더 많은 색 옵션이 표시됩니다.
  • 색상표를 클릭하여 색 선택
  • 슬라이더를 끌어서 채도 변경

기본 색상표에서 색 선택

다음과 같이 하십시오.

1. 색 드롭다운에서 을 클릭합니다.

   대화 상자가 열리고 기본 색이 표시됩니다.

2. 색상표의 색 중 하나를 클릭합니다.

   색이 선택됩니다.

3. 대화 상자 외부를 클릭합니다.

   대화 상자가 닫힙니다.

이제 기본 색상표에서 선택하여 색을 설정했습니다.

16진수 색 입력

다음과 같이 하십시오.

1. 색 드롭다운에서 을 클릭합니다.

   대화 상자가 열리고 기본 색이 표시됩니다.

2. 16진수 입력 필드 #에 6개의 문자를 입력합니다.

   색상표에서 색상이 선택됩니다.

3. 대화 상자 외부를 클릭합니다.

   대화 상자가 닫힙니다.

이제 6자리 16진수를 입력하여 색을 설정했습니다.

고급 색 옵션 사용

다음과 같이 하십시오.

1. 색 드롭다운에서 을 클릭합니다.

   대화 상자가 열리고 기본 색이 표시됩니다.

2. 대화 상자 아래쪽에서 을 클릭합니다.

   대화 상자가 변경되고 고급 옵션이 표시됩니다.

3. 다음 중 하나를 수행합니다.

   • 색상표를 클릭합니다.

     색이 변경되고 16진수 색 코드가 적절히 업데이트됩니다.

   • 슬라이더를 끕니다.

     채도가 변경되고 16진수 색상 코드가 적절히 업데이트됩니다.

   어떤 방법이든 색이 선택됩니다.

4. 대화 상자 외부를 클릭합니다.

   대화 상자가 닫힙니다.

이제 색상표 및/또는 슬라이더를 사용하여 색을 설정했습니다.

이미지 추가

로고 등의 이미지를 시트 헤더에 추가할 수 있습니다. 지원되는 형식은 다음과 같습니다.png,jpg,jpeg 및gif.

다음과 같이 하십시오.

1. 이미지 옆의 이미지 자리 표시자를 클릭합니다.

   미디어 라이브러리가 열립니다.

2. 시트 제목에 추가할 이미지를 선택합니다.

   이미지의 미리 보기가 표시됩니다.

3. 삽입을 클릭합니다.

   이미지가 추가됩니다.

이제 시트 제목에 이미지를 추가했습니다.