앱 스타일링

앱에 스타일을 적용하여 회사 표준에 기반하여 앱을 사용자 지정할 수 있습니다. 선택한 스타일링이 앱의 모든 시트에 적용됩니다. 앱이 게시되면 앱 스타일링을 변경할 수 없습니다.

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

  • 텍스트 또는 숫자 문자열에서 문자의 방향 변경
  • 기본 앱 테마 변경
  • 시트 제목의 배경색 변경
  • 시트 제목의 글꼴색 변경
  • 로고 등의 이미지 추가 및 정렬
팁:

사용자 지정 테마 확장 기능을 통해 개발자가 더 많은 스타일을 앱에 적용할 수 있습니다.

테이블 스타일을 사용자 지정할 수 있습니다. 테이블 스타일은 앱 스타일을 재정의합니다.

앱 옵션 열기

게시되지 않은 앱의 어디에서든 앱 옵션을 열 수 있습니다. 데이터를 탐색 및 발견하거나, 데이터 모델을 작성하거나, 데이터 스토리텔링을 사용하여 작업하는 경우에는 관계가 없습니다.

다음과 같이 하십시오.

  • 게시되지 않은 앱에서 을 클릭한 후 V을 클릭하여 앱 옵션을 엽니다.

  • E을 클릭하여 앱 옵션을 닫습니다.

참고: 모바일 장치를 사용하는 경우에는 앱 옵션을 사용할 수 없습니다.
참고: Qlik Sense June 2018부터 사용자 지정 보안 규칙을 리소스의 업데이트 작업으로 정의한 경우에도 게시된 앱에서 앱 옵션을 사용할 수 없습니다.

읽기 순서 변경

다음과 같이 하십시오.

  1. 게시되지 않은 앱에서 을 클릭한 후 V을 클릭하여 앱 옵션을 엽니다.
  2. 모양 > 오른쪽에서 왼쪽에서 켜기 또는 끄기를 선택합니다.
참고: Qlik Sense 차트를 사용하여 시각화를 공유하는 경우 앱에서 읽기 순서를 바꾸면 공유된 차트의 읽기 순서에도 영향을 줍니다. 자세한 내용은 내 공유 차트에서 읽기 순서가 올바르지 않습니다.를 참조하십시오.

기본 앱 테마 변경

게시되지 않은 앱에서 앱 테마 드롭다운 메뉴를 사용하여 기본 Qlik 테마 중 하나로 설정할 수 있습니다. 만들고 설치한 모든 사용자 지정 테마를 적용할 수도 있습니다.

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

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

다음과 같이 하십시오.

  1. 게시되지 않은 앱에서 클릭한 후 V을 클릭하여 앱 옵션을 엽니다.
  2. 앱 테마 드롭다운 메뉴에서 적용할 테마를 선택합니다.
참고: 게시된 앱에서 테마를 변경할 수 없습니다.

사용자 지정 테마

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

팁: 사용자 지정 테마는 앱에 종속되지 않습니다. 즉, 예를 들어 사용자 지정 테마에서 정의된 색상을 변경하면 앱이 게시된 경우라도 모든 앱에서 테마를 사용하여 업데이트된다는 의미입니다.

사용자 지정 테마를 만들었으면 Qlik Sense에 확장으로 저장합니다. JSON 파일 및 CSS 파일 같은 추가 리소스는 Qlik Management Console(QMC)에 확장으로 압축되고 가져옵니다. 이렇게 하면 특정 사용자가 액세스할 수 있는 테마를 제어하기 위해 해당 보안 규칙을 QMC에 추가할 수 있습니다.

사용자 지정 테마는 앱 테마 드롭다운 메뉴에서 사용자 지정 아래 표시됩니다.

App theme drop-down menu.

색 변경

시트 제목의 배경색은 단색 또는 두 색을 선택하여 그라데이션으로 설정할 수 있습니다. 시트 제목의 글꼴은 단색으로만 설정할 수 있습니다.

참고: 모바일 장치를 사용하는 경우 시트 제목 배경은 두 가지 색이 설정되었다 하더라도 하나의 단색으로 표시됩니다.

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

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

기본 색상표에서 색 선택

다음과 같이 하십시오.

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

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

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

    색이 선택됩니다.

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

    대화 상자가 닫힙니다.

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

기본 색상표가 있고 파랑색이 선택된 색 대화 상자

Default color palette.

16진수 색 입력

다음과 같이 하십시오.

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

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

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

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

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

    대화 상자가 닫힙니다.

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

고급 색 옵션 사용

다음과 같이 하십시오.

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

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

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

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

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

    • 색상표를 클릭합니다.

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

    • 슬라이더를 끕니다.

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

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

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

    대화 상자가 닫힙니다.

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

고급 옵션이 있고 파랑색이 선택된 색 대화 상자

Color wheel.

이미지 추가

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

다음과 같이 하십시오.

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

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

  2. 미디어 라이브러리에서 폴더를 클릭합니다(예: 앱 내 또는 기본값).
  3. 시트 제목에 추가할 이미지를 선택합니다.

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

  4. 삽입을 클릭합니다.

    이미지가 추가됩니다.

  5. 이미지를 왼쪽, 중앙 또는 오른쪽에 맞추려면 , 또는 를 클릭합니다.

이제 시트 제목에 이미지를 추가하고 맞춤을 선택했습니다.