概要

ページの検索要素を使用すると、ユーザーはレポート上のデータを検索・特定できます。ページ上に検索要素を配置し、レポートコンポーネントを直接検索して、ユーザー入力に基づき結果をフィルタリングするように設定できます。あるいは、対象のレポートをページに埋め込んだ場合にも、この機能を設定できます。

提供状況

1. 検索要素は、Creator のすべてのプランで作成できます。
2. スーパー管理者、管理者、開発者のみが、検索バーを作成および管理できます。
   

1. 単体のレポート - 検索バーは、対象のレポートコンポーネントに直接リンクされます。ユーザーが名前、ID、場所などのキーワードを入力すると、その値が組み込みのシステム変数 input.searchString に渡されます。これに基づき、検索バーはレポートをリアルタイムでフィルタリングし、キーワードに一致するデータのみを表示します。利用ケースに応じた条件を設定し、特定のデータのみを評価するように構成することもできます。大量の顧客リストや取引ログなどを素早く絞り込むのに最適です。
2. ページに埋め込まれたレポート - 検索バーはページ変数を介して動作します。ユーザー入力は組み込みのシステム変数 input.searchString に渡され、その値が対象ページ上で設定されたページ変数に引き渡されます。このページ変数が動的なフィルタとして機能し、指定した条件に基づいて、埋め込みレポートのデータを評価します。この構成は、処理状況、在庫商品、見込み客などのデータを、ページ遷移せずに検索・フィルタリングしたいダッシュボードに適しています。たとえば、この構成では、ページ上の埋め込みレポートの上部に検索バーを配置します。検索バーに入力されたキーワードに基づき、下部のレポートが動的にフィルタリングされたデータを表示します。
   

1. プロパティ - ユーザー入力に基づき、対象レポートまたはページ上のデータをどのようにフィルタリング・表示するかを定義する設定です。
2. スタイル - 検索バーのフォント、色、装飾などの見た目に関する設定です。
   

1. 従業員ディレクトリダッシュボードでの検索バー - 人事チーム向けの従業員ディレクトリダッシュボードには、地域別の従業員を表示する検索バーを含む複数のページ要素が設定されています。検索バーは、従業員フォームのOffice 場所項目にリンクされています。キーワード検索を行うように設定されており、対象コンポーネントはすべて従業員という名前のレポートです。ユーザーが場所を入力すると、対象レポートがOffice 場所項目に基づいて動的にフィルタリングされ、一致する従業員のみが表示されます。これにより、地域担当者を素早く特定し、更新や異動の追跡を効率的に行えます。

アプリケーションのページを作成し、アプリケーションを編集モードで開くと、ページビルダーの左ペインに検索要素が表示されます。検索をクリックすると、複数の検索バーのレイアウトが表示され、その中から任意のレイアウトをドラッグ＆ドロップして作成エリアに配置できます。

スタイル設定	説明
検索ボックスの形状	表示される検索ボタンの形状を、四角形または角丸から選択できます。
フォントファミリー	ボタン内のテキストに適用されるフォントです。6 種類のフォントファミリーから選択できます。
検索バー	スタイル - ボタン内のテキストを太字や斜体に設定できます。 色 - 検索バー内のユーザー入力テキスト、プレースホルダーテキスト、および背景色を設定できます。 フォントサイズ - 検索バー内のユーザー入力テキスト、プレースホルダーテキスト、およびラベルのフォントサイズです。あらかじめ用意されたフォントサイズは12px〜40pxですが、1〜99 ピクセルの範囲でカスタム値を設定できます。
パディング	検索要素とその枠線との間の余白を、ピクセル単位でカスタマイズできます。
背景色	検索要素を含むコンテナの背景色です。
背景	検索バーのコンテナの背景として表示される画像です。