ボタン

ボタンの作成

ボタンは、編集中のシートで作成できます。これは、選択を行ってから別のシートに移動するボタンを作成する方法を示しています。アクションを実行するボタン、またはナビゲートするボタンを作成することもできます。

次の手順を実行します。

1. [チャート] の下の [アセット] パネルで、Button オブジェクトをシートにドラッグします。
2. プロパティパネルの ActionsでAdd actionをクリックします。

3. 使用するアクションを選択します。

   一部のアクションでは、アクションの詳細を提供する必要があります。たとえば、[Select values in a field (項目で値を選択) ] のアクションの場合、項目および項目で選択する値を選択します。

4. [Navigation (ナビゲーション) ] で使用するナビゲーションオプションを選択します。別のシート、ストーリーまたは Web サイトにナビゲートできます。
5. プロパティパネルのGeneralの下のLabelにボタンのラベルを設定します。

これで、データを選択し、選択したアプリ内の場所にナビゲートするボタンが表示されます。

アクションを設定します

ボタンがクリックされたときに実行される1つ以上のアクションを追加できます。一部のアクションでは、アクションの詳細を提供する必要があります。

アクションは、Actionsにリストされている順序で実行されます。アクションをドラッグして順序を変更できます。

ナビゲーション

ボタンをクリックすると、別のシート、ストーリー、または Web サイトにナビゲートすることを選択できます。単純なナビゲーションボタンを作成する場合、アクションを指定する必要はありません。ボタンは、一度に 1 つのナビゲーション オプションしか持つことができません。

次のシートの表示

次のシートに順番に移動します。

前のシートの表示

前のシートに順番に移動します。

最後のシートの表示

最後のシートに移動します。

最初のシートの表示

最初のシートに移動します。

シートの表示

特定のシートに移動します。目的のシートの名前を入力するか、一覧から選択します。

シート ID で定義されたシートの表示

特定のシートに移動します。目的のシートのシート ID を入力します。 シートを開いた状態のブラウザのURLでシートのIDを見つけることができます。シート ID は、/sheet/ の後に / が続きます。

シートの URL

この例では、シートの ID は 7300b241-f221-43db-bb8b-8c8cc1887531 です。

ストーリーの表示

特定のストーリーに移動します。目的のストーリーの名前を入力するか、一覧から選択します。

ウェブサイトまたはメールを開く

指定されたウェブサイトまたはメールクライアントを開きます。URL を入力して 移動します。必要に応じて、[同じウィンドウで開く]を選択し、ウェブサイトまたはメールクライアントを同じウィンドウで開きます。

On-demand アプリを生成する

現在の選択条件に基づいてオンデマンド アプリを作成します。オンデマンド アプリのナビゲーション リンクを選択する必要があります (On-demand アプリの構築 を参照)。アプリの作成時に、アプリのステータスが表示されます。

ボタンのスタイリング

プロパティ パネルの [スタイル] には、さまざまなスタイル オプションが用意されています。

チャートのスタイル指定をさらにカスタマイズするには、 [スタイル] > [プレゼンテーション] で [ スタイル指定] をクリックします。スタイル指定パネルの [一般] および [チャート] タブには、さまざまなセクションが表示されています。 各セクションの横にある をクリックすると、スタイルをリセットできます。[ すべてリセット] をクリックすると、[一般] と [チャート] の両方のスタイルをリセットします。

アイコンの追加

[スタイル] > [アイコン] でボタンにアイコンを追加できます。事前設定された多数のオプションから選択します。

テキストのカスタマイズ

[スタイル] > [基本設定] で、タイトル、サブタイトル、脚注のテキストを設定できます。これらの要素を非表示にするには、[タイトルの表示] 設定をオフにします。

さらに、ボタンのラベルのテキストを設定できます。

チャートに表示されるテキストのスタイルを指定できます。

次の手順を実行します。

1. [スタイル] > [プレゼンテーション] で、[スタイル指定] をクリックします。

2. [基本設定] タブで、次のテキスト要素のフォント、強調スタイル、フォント サイズ、色を設定します。

   • タイトル

   • サブタイトル

   • 脚注

3. [チャート] タブで、ボタン ラベルのテキスト プロパティを設定します。フォント、強調スタイル、テキスト配置、フォント サイズ、色を設定します。

   [レイアウト動作] では、このラベルに対して多数のテキスト レイアウト オプションから選択できます。オプションは次のとおりです。

   • レスポンシブ: ボタンのサイズやテキストの長さに応じてテキスト サイズの調整を適用しながら、ラベルのフォント サイズを調整できます。調整は、すべてのテキスト コンテンツがボタンに収まるように行われます。

   • 流動: 追加のテキスト サイズ調整をボタン サイズのみに基づいて適用し、ラベルのフォント サイズを調整できます。このテキストの再スケールは、テキストの長さに関係ありません。テキストが長すぎる場合、最後に省略記号が挿入されます。

   • 固定:ラベルのフォント サイズはピクセル単位で調整できます。テキストが長すぎる場合、最後に省略記号が挿入されます。

背景のカスタマイズ

ボタン自体の背景だけでなく、一般的な背景もカスタマイズできます。それぞれの背景は、色または画像で設定できます。背景オプションは、プロパティ パネルの [スタイル] > [プレゼンテーション] を展開してから、 [スタイル指定] をクリックすることで構成できます。

一般的な背景の設定

ボタンの一般的な背景には、タイトル エリアと、ボタン自体で部分的に覆われているチャートそのものが含まれます。

次の手順を実行します。

1. プロパティ パネルで、 [スタイル] セクションを展開します。

2. [スタイル] > [プレゼンテーション] で、[スタイル指定] をクリックします。

3. スタイル指定パネルの [基本設定] タブで、背景色 (単一色または式) を選択するか、または背景をメディア ライブラリからの画像に設定します。

   背景画像を使用する際、画像のサイズや位置を調整できます。

ボタンの背景の設定

ボタンの背景には、ユーザーがクリックしてアクションを実行できる部分が含まれます。

次の手順を実行します。

1. プロパティ パネルで、 [スタイル] セクションを展開します。

2. [スタイル] > [プレゼンテーション] で、[スタイル指定] をクリックします。

3. スタイル指定パネルの [チャート] タブで、背景色 (単一色または式) を選択するか、または背景をメディア ライブラリからの画像に設定します。

   背景画像を使用する際、画像のサイズや位置を調整できます。

境界線の調整

ボタンの境界線を調整できます。

次の手順を実行します。

1. [スタイル] > [プレゼンテーション] で、[スタイル指定] をクリックします。

2. [チャート] タブの、[境界線] で、境界線をオンにしてボタンに表示します。

3. コーナーの半径と幅を調整します。

4. 境界線の色を単色またはカラー表現で設定します。

ボタンの無効化と有効化

[ボタンを有効にする] でボタンを有効にするように、演算実行条件を設定できます。条件が0と評価されると、ボタンは無効になります。

Dashboard bundle で [Button for navigation] から変換

既存の [Button for navigation] コントロールをボタンに変換できます。変換する際には、いくつかの制限があります。

• ナビゲーション オプションによる編集モードへの切り替え ([Switch to edit mode]) はサポートされていません。
• アクションによる値の選択とその後の項目の固定 ([Select a value and lock field]) はサポートされていません。[項目で値を選択する] と [特定の項目を固定する] の連続した 2 つのアクションに変換されます。