버튼 만들기

버튼을 사용하여 다음을 수행할 수 있습니다.

• 앱에서 쉽게 선택하고 탐색할 수 있도록 빠른 링크 추가

• 데이터 다시 로드

편집 중인 시트에 버튼을 만들 수 있습니다. 여기에서는 선택한 후 다른 시트로 이동하는 버튼을 만드는 방법을 보여 줍니다. 또한 작업을 수행하는 버튼 또는 탐색 버튼을 만들 수 있습니다.

다음과 같이 하십시오.

1. 고급 옵션을 클릭합니다.
2. 자산 패널의 차트 아래에서 Button 개체를 시트로 끕니다.
3. 속성 패널의 Actions에서 Add action를 클릭합니다.

4. 사용할 작업을 선택합니다.

   일부 작업의 경우 작업 세부 정보를 제공해야 합니다. 예를 들어 필드에서 값 선택 작업의 경우 필드 및 필드에서 선택할 값을 선택해야 합니다.

5. 탐색에서 사용할 탐색 옵션을 선택합니다. 다른 시트, 스토리 또는 웹 사이트로 이동할 수 있습니다.
6. 속성 패널의 General 아래 Label에서 버튼의 레이블을 설정합니다.

이제 선택한 앱에서 데이터를 선택하고 탐색할 수 있는 버튼이 생깁니다.

작업 설정

버튼을 클릭하면 수행할 작업을 하나 이상 추가할 수 있습니다. 일부 작업의 경우 작업 세부 정보를 제공해야 합니다.

작업은 Actions에 나열된 순서대로 수행됩니다. 작업을 드래그하여 작업 순서를 변경할 수 있습니다.

버튼의 표현식이 평가되는 시점을 변경하려면 런타임 평가를 켜거나 끄십시오. 이 설정을 끄면 버튼의 표현식(예: 변수에 대한 값 표현식)이 서로 독립적으로 평가됩니다. 설정이 켜져 있으면 각 작업의 표현식이 작업 런타임 시 평가됩니다. 이를 통해 작업에 설정된 표현식 값을 연결의 향후 작업에 대해 전달할 수 있습니다.

관련 비디오 콘텐츠

버튼에 대한 작업을 구성하는 것은 시트 작업을 설정하는 것과 유사합니다. 주요 차이점은 다음과 같습니다.

• 시트 작업은 시트에 초점이 맞춰진 개체일 때 속성 패널의 작업에서 구성됩니다.

• 버튼 작업은 버튼이 선택되면 속성 패널의 작업 및 탐색에서 구성됩니다.

• 버튼과 시트에 사용할 수 있는 작업에는 약간의 차이가 있습니다.

시트의 작업 구성을 설명하는 비디오 콘텐츠는 시트에 동작 추가을 참조하십시오.

탐색

버튼을 클릭할 때 다른 시트, 스토리 또는 웹 사이트로 이동하도록 선택할 수 있습니다. 단순한 탐색 버튼을 만들려는 경우 작업을 지정할 필요가 없습니다. 버튼은 한 번에 하나의 탐색 옵션만 사용할 수 있습니다.

다음 시트로 이동

다음 시트로 연속으로 이동합니다.

이전 시트로 이동

이전 시트로 연속으로 이동합니다.

마지막 시트로 이동

마지막 시트로 이동합니다.

첫 번째 시트로 이동

첫 번째 시트로 이동합니다.

시트로 이동

특정 시트로 이동하고 선택적으로 시트의 특정 차트를 강조 표시합니다.

시트 아래에 원하는 시트 이름을 입력하거나 목록에서 선택합니다. 차트 ID 아래에 차트의 개체 ID를 입력하거나 목록에서 원하는 차트를 선택합니다.

시트 ID로 정의된 시트로 이동

특정 시트로 이동합니다. 원하는 시트의 시트 ID를 입력합니다. 시트 ID는 시트가 열려 있는 브라우저의 URL에서 찾을 수 있습니다. 시트 ID는 /sheet/의 / 다음에 옵니다.

시트 URL

이 예에서 시트 ID는 7300b241-f221-43db-bb8b-8c8cc1887531입니다.

스토리로 이동

특정 스토리로 이동합니다. 원하는 스토리의 이름을 입력하거나 목록에서 선택합니다.

웹 사이트 또는 이메일 열기

지정된 웹 사이트 또는 이메일 클라이언트를 엽니다. 이동할 URL을 입력합니다. 필요한 경우, 같은 창에서 웹 사이트 또는 이메일 클라이언트를 열려면 같은 창에서 열기를 선택합니다.

On-demand 앱 생성

현재 선택을 기반으로 On-demand 앱을 만듭니다. On-demand 앱 탐색 링크 (On-Demand 앱 만들기 참조)를 선택해야 합니다. 앱이 만들어지면 앱의 상태가 표시됩니다.

응용 프로그램 연결

현재 선택이 적용된 다른 기존 앱을 열 수 있습니다. 앱 ID로 열려는 앱을 지정합니다. 필요에 따라 시트 ID로 시트를 지정하고 새 앱을 동일한 창에서 열지 여부를 지정할 수 있습니다.

버튼 스타일링

고급 옵션을 사용하도록 설정하면 속성 패널의 모양에서 다양한 스타일링 옵션을 사용할 수 있습니다.

모양 > 프레젠테이션에서 스타일링을 클릭하여 차트의 스타일링을 추가로 사용자 지정합니다. 스타일링 패널에는 일반 및 차트 탭 아래에 다양한 섹션이 있습니다.

각 섹션 옆에 있는 을 클릭하여 스타일을 다시 설정할 수 있습니다. 모두 다시 설정을 클릭하면 스타일링 패널에서 사용할 수 있는 모든 탭의 스타일링이 다시 설정됩니다.

개별 시각화 스타일링에 대한 일반적인 정보는 시각화에 사용자 지정 스타일링 적용을 참조하십시오.

아이콘 추가

모양 > 아이콘에서 버튼에 아이콘을 추가할 수 있습니다. 여러 사전 설정 옵션 중에서 선택합니다.

텍스트 사용자 지정

모양 > 일반에서 제목, 부제 및 각주에 대한 텍스트를 설정할 수 있습니다. 이러한 요소를 숨기려면 제목 표시 설정을 해제십시오.

또한 레이블 버튼의 텍스트를 설정할 수 있습니다.

차트에 표시되는 텍스트의 스타일을 지정할 수 있습니다.

다음과 같이 하십시오.

1. 모양 > 프레젠테이션에서 스타일링을 클릭합니다.

2. 일반 탭에서 다음 텍스트 요소의 글꼴, 강조 스타일, 글꼴 크기 및 색을 설정합니다.

   • 제목

   • 부제

   • 각주

3. 차트 탭에서 레이블 버튼의 텍스트 속성을 설정합니다. 글꼴, 강조 스타일, 텍스트 맞춤, 글꼴 크기 및 색을 설정합니다.

   레이아웃 동작에서 이 레이블에 대한 여러 텍스트 레이아웃 옵션 중에서 선택할 수도 있습니다. 다음 옵션을 사용할 수 있습니다.

   • 반응형: 버튼 크기 및 텍스트 길이에 따라 추가 텍스트 크기 조정을 적용하여 레이블의 글꼴 크기를 조정할 수 있습니다. 모든 텍스트 콘텐츠를 버튼에 맞게 조정합니다.

   • 유동적: 버튼 크기만을 기준으로 추가 텍스트 크기 조정을 적용하여 레이블의 글꼴 크기를 조정할 수 있습니다. 이 텍스트 크기 조정은 텍스트 길이와 무관합니다. 텍스트가 너무 길면 끝에 줄임표가 삽입됩니다.

   • 고정: 레이블의 글꼴 크기를 픽셀 단위로 조정할 수 있습니다. 텍스트가 너무 길면 끝에 줄임표가 삽입됩니다.

배경 사용자 지정

버튼 자체의 배경뿐만 아니라 일반 배경을 사용자 지정할 수 있습니다. 각각의 배경은 색과 이미지별로 설정할 수 있습니다. 배경 옵션은 속성 패널에서 모양 > 프레젠테이션을 확장한 다음 스타일링을 클릭하여 구성할 수 있습니다.

일반 배경 설정

버튼의 일반적인 배경에는 제목 영역과 차트 자체가 포함되며, 차트 자체는 버튼 자체에 의해 부분적으로 가려집니다.

다음과 같이 하십시오.

1. 고급 옵션을 클릭합니다.

2. 속성 패널에서 모양 섹션을 확장합니다.

3. 모양 > 프레젠테이션에서 스타일링을 클릭합니다.

4. 스타일링 패널의 일반 탭에서 배경색(단색 또는 표현식)을 선택할 수 있습니다. 미디어 라이브러리나 URL에서 이미지를 선택하여 배경을 설정할 수도 있습니다.

   정보 메모

   URL에서 배경 이미지를 추가하려면 해당 URL의 원본을 테넌트의 콘텐츠 보안 정책에 있는 허용 목록에 추가해야 합니다. img-src 지침을 사용하여 원본을 추가해야 합니다. 이 작업은 테넌트 관리자가 수행합니다.

   자세한 내용은 CSP 항목 만들기을 참조하십시오.

   배경색을 사용하는 경우 슬라이더를 사용하여 배경의 불투명도를 조정합니다.

   배경 이미지를 사용할 때 이미지 크기와 위치를 조정할 수 있습니다.

버튼 배경 설정

버튼의 배경에는 사용자가 작업을 실행하기 위해 클릭할 수 있는 부분이 포함됩니다.

다음과 같이 하십시오.

1. 고급 옵션을 클릭합니다.

2. 속성 패널에서 모양 섹션을 확장합니다.

3. 모양 > 프레젠테이션에서 스타일링을 클릭합니다.

4. 스타일링 패널의 차트 탭에서 배경색(단색 또는 표현식)을 선택하고 배경을 미디어 라이브러리의 이미지로 설정할 수도 있습니다.

   배경 이미지를 사용할 때 이미지 크기와 위치를 조정할 수 있습니다.

버튼의 대화형 부분 테두리 조정

사용자가 의도한 작업을 수행하기 위해 상호 작용하는 버튼 부분의 테두리를 조정할 수 있습니다.

다음과 같이 하십시오.

1. 모양 > 프레젠테이션에서 스타일링을 클릭합니다.

2. 차트 탭의 테두리 아래에서 테두리를 켜기로 전환하여 버튼에 표시합니다.

3. 모서리 반경과 너비를 조정합니다.

4. 단색 또는 표현식을 사용하여 테두리 색을 설정합니다.

전체 개체의 테두리 및 그림자 사용자 지정

버튼이 위치한 전체 개체의 테두리와 그림자를 사용자 지정할 수 있습니다. 클릭 가능한 버튼 자체의 테두리도 조정할 수 있습니다.

다음과 같이 하십시오.

1. 고급 옵션을 클릭합니다.

2. 속성 패널에서 모양 섹션을 확장합니다.

3. 모양 > 프레젠테이션에서 스타일링을 클릭합니다.

4. 스타일링 패널의 일반 탭에 있는 테두리에서 윤곽선 크기를 조정하여 차트 주변의 테두리 선을 늘리거나 줄입니다.

5. 테두리 색을 선택합니다.

6. 모서리 반경을 조정하여 테두리의 원형 정도를 제어합니다.

7. 일반 탭의 그림자에서 그림자 크기와 색을 선택합니다. 그림자를 제거하려면 없음을 선택합니다.

버튼 비활성화 및 활성화

차트 활성화에서 차트를 활성화할 계산 조건을 설정할 수 있습니다. 계산이 0으로 평가된 경우 버튼이 비활성화됩니다.

Dashboard bundle의 Button for navigation에서 변환

기존 Button for navigation 컨트롤을 버튼으로 변환할 수 있습니다. 변한 수행 시 몇 가지 제한이 있습니다.

• 편집 모드로 전환하는(Switch to edit mode) 탐색 옵션은 지원되지 않습니다.
• 값을 선택한 다음 필드를 잠그는 동작(Select a value and lock field)은 지원되지 않습니다. 이 동작은 두 가지 연속 동작(필드에서 값 선택 및 특정 필드 잠금)으로 변환됩니다.