30日間の無料評価版をお試しいただけます。

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migration of unmigrated content due to installation of a new plugin

Anchor
top
top

Table of Contents
classcontents

概要

テキストウィジェットを使用することで、ダッシュボードにテキストを追加します。様々なスタイルのテキストウィジェットを選択し、テキストウィジェットプロパティパネルから必要に応じたカスタマイズができます。デフォルトスタイルは、見出しや段落など、一般的な書式設定を表示します。



テキストウィジェットの使用方法

  1. 画面の左側でテキストウィジェットボタンをクリックします。
  2. 任意のデフォルトスタイルを選択し、ダッシュボードの配置したい箇所にウィジェットをドラッグします。



  3. ドロップしたウィジェットをクリックしてダッシュボードの新しい場所にドラッグし、再度クリックをしてテキスト入力モードにします。点滅するカーソルが表示され、テキスト入力できることを示します。



  4. テキストは、テキストウィジェットのプロパティパネルからカスタマイズできます。このパネルはテキストウィジェットを選択することで、画面の右側に表示されます。より詳細な情報は、以下のプロパティ項目を参照してください。
  5. このウィジェットがクリックされたときにトリガーになるアクションイベントを追加することもできます。より詳細な情報は、ウィジェットのプロパティの「アクション」項目を参照してください。
  6. 右クリックをして表示されるメニューを使用することで、さらなるオプションを利用できます。メニューオプションについて、より詳細な情報は、こちらを参照してください。

Tip

テキストウィジェットでは、太字などの書式設定プロパティや、最後の変更を元に戻すなど、様々な標準キーボードショートカットを使用することができます。詳細は、こちらを参照してください。



テキストのURL

テキストオブジェクトを外部、または内部URLへリンクさせることができます。リンクが作成されたテキストをクリックすることで、リンク先のページへ移動することができます。リンクはテキスト全体、または選択した一部に作成できます。

  1. テキストオブジェクトを追加して、テキストを入力します。
  2. リンクを作成する部分のテキストを選択します。これはテキストの一部でも、全体でも構いません。
  3. テキストオブジェクトのプロパティパネルを表示し、「スタイル」項目で、「リンク」ボタンをクリックします。



  4. 画面に新しいパネルが表示されます。



  5. リンク先のURLを追加し、移動先のページを新しいタブに開くか、現在のタブに開くかを選択します。
  6. 挿入」をクリックします。
  7. 以下に示すように、公開されたダッシュボードで、テキストリンクを使用できます。



Warning

アクションイベントが適用されている場合は、テキストオブジェクトへのリンク追加を推奨しません。




テキストウィジェットのプロパティ

Styleclass
ClasstopLink

ページトップ

以下の表では、テキストウィジェットの外観や動作のカスタマイズに使用できるテキストウィジェットプロパティについて紹介します。

テキストフォントカスタマイズのヒント:テキストウィジェット内の選択、または強調されたテキストにのみ特定の変更を適用することができます。設定を定義することで、入力されるすべての新規テキストにも適用できるようになります。これらの設定には、フォントのタイプやサイズ、色やスタイル、不透明度、インデントが含まれます。



Section


Column
width35%


Column


プロパティの名前説明
名前システムが生成した、選択したテキストウィジェットのデフォルトの名前を編集することができます。ヒント:ウィジェットに簡単な名前をつけることで、コードモードでのさらなるカスタマイズを可能にします。
フォント

選択したテキストのフォントタイプやサイズを変更します。

選択したテキストの色を指定します。
スタイル選択したテキストに書式設定スタイルを適用します。選択肢は、太字、斜体、下線、URL追加です。
位置合わせテキストウィジェットのコンテンツの位置を合わせます。
不透明度選択したテキストの不透明度を定義します。スライダーの数字が低いほど、テキストの透明度が高まります。
インデントテキストにインデントを追加、または削除します。
一覧スタイルテキストに番号付きリスト、または箇条書きを追加します。
間隔
デフォルト行間これはデフォルトで有効です。独自の行間隔を設定する場合は、こちらを無効にして、次に表示されるオプションを設定します。
選択したテキストウィジェット内のコンテンツの各行間の大きさを定義します。数字が大きいほど、より多くのスペースが割り当てられます。
文字選択したテキストウィジェット内の各文字間の大きさを定義します。数字が大きいほど、より多くのスペースが割り当てられます。
サイズと位置
Xダッシュボードキャンバスに正確に配置するために、テキストウィジェットの左上隅のX座標を指定します。
Yダッシュボードキャンバスに正確に配置するために、テキストウィジェットの左上隅のY座標を指定します。
テキストウィジェットの幅をピクセル単位で指定することで、正確にサイズを変更します。
高さテキストウィジェットの高さをピクセル単位で指定することで、正確にサイズを変更します。
角の丸みこちらのオプションは、テキストウィジェットの境界線の角の丸みを定義します。ヒント:角の丸みを最大にするには、ウィジェットの高さの半分の値を設定します。例えば、高さが400ピクセルの場合、角の値を200ピクセルに設定します。さらに、角の値を200より大きくしたとしても、今回の例ではこれ以上の効果はありません。
回転ウィジェットを右回りに回転する角度を指定します。左回りに回転する場合は、マイナスの値を指定します。
アスペクト比こちらのトグルを有効にして、アスペクト比を維持します。これにより、ウィジェットのサイズを拡大したり、縮小したりしても、その形状が維持されます。こちらが無効の場合、ウィジェットは横、または縦方向に引き伸ばされます。
ウィジェットを固定こちらのトグルを有効にして、テキストウィジェットの位置を固定します。これにより、ウィジェットの移動やサイズの変更はできなくなります。これは、キャンバス上で複数のウィジェットを選択している場合にも適用されます。テキストウィジェットは引き続き編集できることに注意してください。
背景の書式
背景色テキストウィジェットの背景色を指定します。これは、テキストコンテンツを除く、ウィジェット内のエリアが対象です。
不透明度ウィジェットの背景色の不透明度を指定します。
内側の余白の詳細設定こちらのオプションを有効にすることで、余白のカスタマイズや、テキストウィジェットの周りのバッファをピクセル単位で定義できます。これには、ウィジェットの両側の余白が含まれます。こちらの設定が無効の場合、全体的な余白サイズを定義できます。
内側の余白:上内側の余白の詳細設定が有効な場合、ウィジェットの上部に追加する余白を定義します。
内側の余白:下内側の余白の詳細設定が有効な場合、ウィジェットの下部に追加する余白を定義します。
内側の余白:右内側の余白の詳細設定が有効な場合、ウィジェットの右側に追加する余白を定義します。
内側の余白:左内側の余白の詳細設定が有効な場合、ウィジェットの左側に追加する余白を定義します。
内側の余白テキストウィジェットの全体的な余白サイズを定義します。ピクセル単位で定義するこちらのサイズは、ウィジェットの各サイドで一定になります。任意のサイドに異なる余白サイズを設定する場合は、内側の余白の詳細設定を有効にします。
境界線の幅

ウィジェットの境界線の太さを指定します。

注意:境界線を表示するには、3つの境界線プロパティすべてに値を定義しなくてはいけません。

境界線のスタイルウィジェットの境界線のスタイルを選択します。選択肢は、次の通りです。破線、実線、点線など。
境界線の色ウィジェットの境界線の色を指定します。
影のX方向の位置こちらのオプションは、そのサイズをピクセル単位で定義することで、X方向に影を投影します。
影のY方向の位置こちらのオプションは、そのサイズをピクセル単位で定義することで、Y方向に影を投影します。
影のぼかしこちらのオプションは、影の鮮明さを定義します。値が小さくなるにつれて、鮮明さが増し、影が濃くなります。影をぼかす場合は、大きな値を定義します。
影の色こちらのオプションは、影に色を設定します。
アクション
クリックイベント

選択したウィジェットがクリックされたときに、トリガーになるイベントを選択します。イベントの選択肢は、次の通りです。

  • なし:ウィジェットをイベントのトリガーにしない場合は、こちらを使用します。
  • 次のサブタブ:同じダッシュボード内で次のタブへ移動します。
  • 前のサブタブ:同じダッシュボード内で前のタブへ移動します。
  • フィルターのリセット:フィルター選択をクリア、またはデフォルト値が設定されている場合は、フィルターをデフォルト値にリセットします。
  • ダッシュボードのリセット:ユーザーが実行したすべてのインタラクションのクリアや、適用されたすべてのフィルターを削除することで、ダッシュボードを更新します。
  • レポートへ移動:指定したレポートへ移動します。移動先のレポートは、レポートUUIDを提供することで、指定できます。
  • サブタブへ移動:同じダッシュボード内で、順序が指定された任意のサブタブへ移動します。例えば、四番目のサブタブへ移動するには「サブタブ#」項目に4と入力します。サブタブの順序は、1から始まる点に注意してください。
  • URLへ移動:指定されたURLを使用して、外部リンク、またはページへ移動します。リンク先を新しいタブやウィンドウ、または現在のウィンドウに開くことができます。(より詳細な情報は、以下URLおよびターゲット設定項目を参照してください。)
レポートIDレポートへ移動」クリックイベントを使用してレポートへ移動する場合は、移動先レポートのUUIDを提供します。
サブタブ#サブタブへ移動」クリックイベントを使用してサブタブへ移動する場合は、サブタブの順序を入力します。

URL

URLへ移動」クリックイベントを使用して外部ページへ移動する場合は、ページの完全URLを提供します。
ターゲット

URLへ移動」クリックイベントを使用して外部ページへ移動する場合は、ページターゲットを指定します。選択肢は、次の通りです。

  • 新規タブ/ウィンドウ:使用しているブラウザ設定に応じて、URLページを新しいタブ、またはウィンドウに開きます。注意:大部分のブラウザのデフォルトはウィンドウですが、コンピューターのショートカットを使用して、新規タブに開くこともできます(Windowsの場合はCtrl、Macの場合はCmd)。
  • 現在のウィンドウ:現在のウィンドウにページを開きます。
  • 親フレーム:YellowfinがiFrameとして組み込まれている場合、新規ページは親フレーム内で開きます(つまり、そのコンテンツが表示されます)。親フレームとは、Yellowfinフレームが組み込まれいてるフレームです。
  • 現在のフレーム:YellowfinがiFrameとして組み込まれている場合、URLページのコンテンツは現在のフレームに開きます。現在のフレームとは、Yellowfinを組み込んでいるフレームです。






テキストエディターキーボードショートカット

テキストエディターで次のキーボードショートカットを使用できます。

アクションWindowsMac
太字Ctrl+BCommand+B
斜体Ctrl+ICommand+I
下線Ctrl+UCommand+U
すべて選択Ctrl+ACommand+A
やり直しCtrl+Y / Ctrl+Shift+ZCommand+Y / Command+Shift+Z
元に戻すCtrl+ZCommand+Z
見出し 1Alt+Shift+1Ctrl+Option+1
見出し 2Alt+Shift+2Ctrl+Option+2
見出し 3Alt+Shift+3Ctrl+Option+3
見出し 4Alt+Shift+4Ctrl+Option+4
見出し 5Alt+Shift+5Ctrl+Option+5
見出し 6Alt+Shift+6Ctrl+Option+6
段落Alt+Shift+7Ctrl+Option+7
DivAlt+Shift+8Ctrl+Option+8
AddressAlt+Shift+9Ctrl+Option+9
リンク挿入Ctrl+KCommand+K


horizontalrule

Styleclass
ClasstopLink

ページトップ