2. 一覧から検索テンプレートをドラッグ&ドロップして、作成スペースに配置します。検索設定ペインが開き、初期状態ではプロパティタブが表示されます。
5. 対象レポートに対して
公開アクセスを許可するかどうかを選択します。検索バーを含むページが
公開されている場合、そのフィルタリング結果にアクセスできるようにするには、対象レポートも公開されている必要があります。さらに、公開済みレポートを表示できるようにするには、検索バーの設定で
公開アクセスを許可オプションを有効にしておく必要があります。
メモ: 初期状態では、公開アクセスを許可は無効になっています。必要に応じて有効に切り替えてください。
6. 検索バーに自動入力される初期値を入力します。特定の検索入力が頻繁に使用される場合に便利です。
7. プレースホルダーとして表示する値を入力します。この値は、検索バーの入力欄に表示されます。
設定内容は自動保存され、本番
モードに反映されます。
検索要素を設定するには、次の操作を行います。
- 対象ページにレポートを埋め込みます(すでにレポートが埋め込まれている場合は、次の手順に進みます)。
- 検索要素を追加するページに移動します。
ページコンポーネントに基づく検索バーを設定する前に、次の手順を実行します。
3. 変数を追加をクリックし、検索入力と照合して結果を返す項目にリンクする変数を作成します。
メモ: この画面ですでに
ページ変数を追加済みの場合は、新しい変数を作成するために
新規追加をクリックしてください。
4. 対象項目のフィールドリンク名を、変数名として入力します。本番モードでは、この項目の値が、検索要素に入力されたキーワードと照合されます。
5. 評価対象となる項目に応じてデータ型を選択します。たとえば、対象項目がドロップダウン項目の場合、選択する
データ型は
テキストです。選択後、
追加をクリックします。
6.

アイコンをクリックして、ページビルダーに戻ります。
7. 埋め込まれたレポートを選択し、設定をクリックしてレポート埋め込み設定ペインを開きます。
7. 右側のペインで[フィルター]タブを選択し、[フィルターを追加]をクリックします。
8. 埋め込みレポートのデータをどのような条件でフィルタリングするかを指定する
条件を設定します。
- [フィールドを選択]ドロップダウンから、値を評価するフィールドを選択します。
- [演算子を選択]ドロップダウンから、適切な演算子を選択します。
- 対象レポートの項目リンク名を名前に付けて設定したページ変数を、'input.<page variable>' という形式で値として指定します。
必要に応じて、他の条件を追加し、[完了]をクリックします。
メモ: 条件を保存した後で再度編集するには、フィルターボックスをクリックします。
9. [完了]をクリックして、埋め込みレポートの設定を保存します。
上記の設定が完了したら、検索バーを挿入するページの
編集モードに移動し、次の手順に従います。
1. 対象ページのページビルダーに移動し、左側のペインで[検索]をクリックします。
2. 表示される一覧から検索テンプレートをドラッグ&ドロップしてビルダー領域に配置します。[検索の設定]ペインが開き、初期状態では[プロパティ]タブが表示されます。
メモ: すでに検索要素を作成済みの場合は、ページビルダーでその要素を選択し、[設定]をクリックして[検索の設定]ペインを開きます。あるいは、検索バーをダブルクリックして設定を開くこともできます。
3. 検索入力に基づいて検索バーを設定するために、[ページ]コンポーネントを選択します。この設定により、検索入力に応じて埋め込みレポートを含むページが表示されます。
4. 埋め込みレポートを含み、検索入力に基づいてデータが動的にフィルタリングされて表示されるページを選択します。
メモ:
[対象ページ]ドロップダウンには、現在操作しているアプリケーション内のすべてのページが表示されます。他のアプリケーションのページを選択するには、ドロップダウンのフッターにある
[アプリを変更]をクリックします。別のアプリケーションを選択し、
[完了]をクリックすると、そのアプリケーション内のすべてのページが一覧表示されます。
5. 対象ページを選択すると、そのページに追加されている最初の
ページ変数が初期状態で表示されます。検索フィルターを機能させるには、ここで指定するページ変数が、値を評価するフィールドの項目リンク名で設定されたもの(手順 4 を参照)である必要があります。レポートの項目に基づいて同様のページ変数を複数設定しており、それらも含める必要がある場合は、
[+ 新規追加]をクリックします。
ページ変数の値には、ユーザーの検索入力を保持するシステム変数
input.searchStringが自動入力され、編集不可として表示されます。したがって、ユーザーが検索バーに値を入力すると、その値がページ変数に渡され、レポートのフィルターにリンクされたページ変数を使って埋め込みレポートのデータが評価されます。
メモ:
- 追加済みのものとは別のページ変数を選択するには、その変数をクリックし、対象の項目リンク名に合わせて事前に作成しておいた必要なページ変数を選択します。

- この設定からページ変数を削除するには、その変数にカーソルを合わせてごみ箱アイコンをクリックします。

6. 対象ページを[新しいウィンドウ](初期値)、[同じウィンドウ]、または[ポップアップ]のどれで開くかを選択します。[ポップアップ]を選択した場合は、[幅]と[高さ]をピクセル単位でカスタマイズできます。
7. 対象ページ内の埋め込みレポートに対して
[公開アクセスを許可]を有効にするかどうかを選択します。これにより、対象ページが
公開されており、かつレポート自体も公開されている場合に、埋め込みレポートが表示されるようになります。
8. 検索バーに自動入力される初期値を入力します。特定の検索入力が頻繁に使用される場合に便利です。
9. プレースホルダーとして表示する値を入力します。この値は検索バーの入力欄に表示されます。
設定は自動保存され、有効モードに反映されます。
以下のように、検索バーとそのコンテナのスタイル設定を行うことができます。
1. 対象ページのページビルダーに移動し、左ペインで検索をクリックします。
2. 表示される一覧から検索テンプレートをドラッグ&ドロップして作成スペースに配置します。検索設定ペインが開きます。
メモ: すでに検索バーが作成されている場合は、ページビルダーでその検索バーを選択し、設定をクリックして検索設定ペインを開きます。あるいは、検索バーをダブルクリックして設定ペインを開くこともできます。
3. 右側セクションのスタイルタブに移動し、以下の設定を使って検索バーをカスタマイズします。
次の表では、パネルおよびパネルコンテナのすべてのスタイルプロパティと、その設定手順を説明します。
| プロパティ |
|
手順
|
|
一般
|
検索の形状ボックス
|
検索要素の形状を四角形(初期設定)または角丸から選択します。
|
|
|
フォントファミリー
|
ユーザー入力と検索ボタンのラベルに使用するフォントを選択します。
|
- 検索ボタン
- 検索バー
(上記それぞれの構成要素ごとに、プロパティを個別に設定できます)
|
スタイル
|
入力テキストおよび検索ボタンのスタイルプロパティ(太字、斜体など)をカスタマイズします。
|
|
|
色
|
- A アイコンをクリックし、検索入力欄とボタンのフォントカラーを選択します。
- バケツアイコンをクリックして、背景色を選択します。
|
|
|
フォントサイズ
|
ドロップダウンをクリックし、入力テキストおよび検索ボタンに適用するプリセットのフォントサイズ(12~40px)を選択します。数値部分をクリックすると、1~99ピクセルの任意のカスタム値を設定できます。
|
|
パディング
|
|
検索バーの四辺それぞれのパディング値を入力し、バーとコンテナのマージンとの間隔を調整します。初期設定値は以下の画像のとおりです。
|
|
背景色
|
|
検索バーが配置されているコンテナの背景色をカスタマイズします。
|
|
背景
|
|
検索バーのコンテナに設定する背景画像を、マイライブラリまたはWebリンクから選択します。
さらに、次の項目をカスタマイズできます。
- 拡大・縮小 - 次のいずれかを選択できます。
- フィル - 画像を拡大して、領域全体を埋めます。
- フィット - コンテナの枠内に収まるように画像サイズを調整し、画像が切れないようにします。
- タイル - 画像を水平方向または垂直方向に繰り返して、領域を埋めます。
- オーバーレイ - 背景画像に任意の色のオーバーレイを有効にします。オーバーレイカラーの濃さは 0% ~ 99% の範囲で調整できます。

|