基盤コンポーネント foundation-components

画像

• 画像

  コンテンツファインダーから画像をドラッグするか、クリックして画像を読み込むための参照ウィンドウを開きます。 画像が読み込まれた後、画像を切り抜いたり、回転したり、削除したりできます。 画像のズームインおよびズームアウトを行うには、画像の下（「OK」および「キャンセル」ボタンの上）のスライドバーを使用します。

• 切り抜き

  画像を切り抜く。 境界線をドラッグして画像を切り抜きます。

• 回転

  「回転」を繰り返しクリックして、画像を必要に応じて回転させます。

• 消去
  現在の画像を削除します。

詳細

• タイトル

  アダプティブ画像コンポーネントでは、このプロパティは使用されません。

• 代替テキスト

  画像に使用する代替テキスト。

• リンク先

  アダプティブ画像コンポーネントでは、このプロパティは使用されません。

• 説明

  アダプティブ画像コンポーネントでは、このプロパティは使用されません。

カルーセル

ここでは、カルーセルの動作方法を指定します。

• 再生速度

  次のスライドが表示されるまでの時間（ミリ秒）です。

• 遷移時間

  2 つのスライド間の切り替えの時間（ミリ秒）。

• コントロールのスタイル

  プルダウンメニューからは、様々なオプションを使用できます。例えば、前/次のボタン、右上スイッチなどです。

リスト

ページをカルーセルに含める方法を指定します。

• リストを選択

  ページリストを作成する方法はいくつかあります。子ページ、固定リスト、検索、詳細検索（以下で説明します）。

  どの方法を選択しても、リストに含めるページには、それぞれ既にページに関連付けられた画像が存在するはずで、この画像がカルーセルに表示されます。 そのページのページプロパティの下に特定のページの画像がない場合、カルーセルには空白（またはほとんど空白）のページが表示されるので、画像を開始前にページに関連付ける必要があります。 詳しくは、 ページプロパティの編集.

  選択した項目に応じて、新しいパネルが表示されます。

  • 子ページのオプション

    • 親ページ
      手動で、またはセレクターを使用して、パスを指定します。現在のページを親として使用するには、空のままにします。

  • 固定リストのオプション

    • ページ
      ページのリストを選択します。
      エントリを追加するには + を、順序を調整するには上下のボタンを使用します。

  • 検索のオプション

    • 開始

      手動で、またはセレクターを使用して、開始パスを入力します。

    • 検索クエリー

      プレーンテキストの検索クエリーを入力できます。

  • 詳細検索のオプション

    • Querybuilder 述語の表記

      「QueryBuilder 述語の表記」を使用して検索クエリーを入力できます。例えば、「fulltext=Marketing」と入力すると、コンテンツに「Marketing」を含むすべてのページがカルーセルに表示されます。

      クエリー式とその他の例の詳細は、QueryBuilder API を参照してください。

• 並べ替え順

  選択 jcr:title, jcr:created, cq:lastModifiedまたは cq:template をドロップダウンメニューから選択します。

• 制限

  カルーセルで使用する項目の最大数。これはオプションです。

データ

• チャートのデータ

  CSV 形式でグラフデータを入力します。コンマ区切り値の形式では、フィールド区切り文字としてコンマ (",") が使用されます。

詳細

• チャートのタイプ

  「円グラフ」、「折れ線グラフ」、「棒グラフ」から選択します。

• 代替テキスト

  グラフの代わりに表示される代替テキスト。

• 幅

  グラフの幅（ピクセル単位）。

• 高さ

  グラフの高さ（ピクセル単位）。

ダウンロード

• 説明

  ダウンロードリンクと共に表示される短い説明。

• ファイル

  生成される Web ページでダウンロード可能なファイル。 コンテンツファインダーからアセットをドラッグするか、領域をクリックして、ダウンロード可能なファイルをアップロードします。

外部 web アプリケーション

• 対象アプリケーション

  統合する Web アプリケーションの URL を指定します。例：

  code language-none
  https://en.wikipedia.org/wiki/Main_Page

• パスパラメーター

  必要に応じて、「 」チェックボックスをオンにして、アプリケーションに渡すパラメーターを選択します。

• 幅と高さ

  iframe のサイズを定義します。

Flash

• Flash ムービー

  Flash ムービーファイル。 コンテンツファインダーからアセットをドラッグするか、クリックして参照ウィンドウを開きます。

• サイズ

  ムービーを保持する表示領域の寸法（ピクセル単位）。

代替イメージ

表示する代替画像。

詳細

• コンテキストメニュー

  コンテキストメニューを表示するか非表示にするかを示します。

• ウィンドウモード

  不透明、透明、枠付きウィンドウなど、ウィンドウの表示方法。

• 背景色

  提示される色見本から選択した背景色。

• 最低バージョン

  ムービーの実行に必要なAdobeFlash Playerの最小バージョン。 デフォルトは 9.0.0 です。

• 属性

  その他の属性が必要です。

マップ

画像をマップするには、「マップ」を選択します。画像マップの作成方法（長方形、多角形など）を指定し、領域が指す位置を指定します。

切り抜き

「切り抜き」をクリックして画像を切り抜きます。マウスを使用して画像を切り抜きます。

回転

画像を回転するには、「回転」を選択します。画像が目的の向きになるまで繰り返し使用します。

消去

現在の画像を削除します。

タイトル

画像のタイトル。

代替テキスト

アクセシブルなコンテンツを作成する際に使用する代替テキスト。

リンク先

web サイト内のアセットまたはその他のページへのリンクを作成します。

説明

画像の説明。

サイズ

画像の高さと幅を設定します。

リスト

• リストを選択

  ここで、リストがコンテンツを取得する場所を指定します。 次の方法があります。

• 選択した項目に応じて、新しいパネルが表示されます。

  • 子ページのオプション

    • （親ページ）の子

      手動で、またはセレクターを使用して、パスを指定します。現在のページを親として使用するには、空のままにします。

  • 固定リストのオプション

    • ページ

      ページのリストを選択します。エントリを追加するには + を、順序を調整するには上下ボタンを使用します。

  • 検索のオプション

    • 開始

      手動で、またはセレクターを使用して、開始パスを入力します。

    • 検索クエリー

      プレーンテキストの検索クエリーを入力できます。

  • 詳細検索のオプション

    • Querybuilder 述語の表記

      「QueryBuilder 述語の表記」を使用して検索クエリーを入力できます。例えば、「fulltext=Marketing」と入力すると、コンテンツに「Marketing」を含むすべてのページがカルーセルに表示されます。

      クエリー式とその他の例の詳細は、QueryBuilder API を参照してください。

  • タグ

    「親ページ」、「タグ／キーワード」および必要な一致条件を指定します。

• 表示方法

  リンク、ティーザー、ニュースなどの項目のリストを表示する方法。

• 並べ替え順

  リストを並べ替えるかどうか。並べ替える場合は、並べ替えに使用する条件も指定します。 条件を入力するか、表示されるドロップダウンリストから条件を選択できます。

• 制限

  リストに表示する項目の最大数を指定します。

• フィードを有効にする

  そのリストで RSS フィードを有効化するかどうかを示します。

• 1 ページに表示する数

  ここでは、一度に表示するリスト項目の数を指定できます。 指定した数より多い項目を含むリストは、ページネーションを使用して複数の部分にリストを表示します。

ログイン

• セクションラベル

  入力フィールドの導入部テキスト。

• ユーザー名ラベル

  ユーザー名フィールドにラベルを付けるテキスト。

• パスワードラベル

  パスワードフィールドにラベルを付けるテキスト。

• ログインボタンのラベル

  ログインボタンのテキスト。

• リダイレクト先

  ユーザーがログインしたときに開く Web サイト上のページを指定できます。

ログイン済み

• 続行ボタンのラベル

  ユーザーが既にログインしていることを示すテキスト。

タイトル

• タイトル

  表示するタイトルテキストを指定します。

• リンク

  どのページ（製品）の注文ステータスを表示するかを指定します。

• 種類／サイズ

  用意された選択肢からを選択します。

段落参照

• 参照

  参照するページと段落のパスを指定します（コンテンツを含む）。

検索

• ノードタイプ

  検索を特定のノードタイプに制限する場合は、ここにリストします（例：cq:Page）。

• 検索場所のパス

  検索するブランチのルートページを指定します。

• 「検索」ボタンのテキスト

  実際の検索ボタンに表示する名前。

• 統計テキスト

  検索結果の上に表示するテキスト。

• 結果テキストがありません

  結果がない場合、ここに入力したテキストが表示されます。

• テキストをスペルチェック

  誰かが類似の用語を入力すると、その用語の前にこのテキストが表示されます。

  例えば、geometrixxe と入力すると、「もしかして : geometrixx」と表示されます。

• 同様のページテキスト

  類似のページの結果の横に表示されるテキスト。 このリンクをクリックすると、類似のコンテンツを持つページが表示されます。

• 関連する検索テキスト

  検索の横に表示される、関連する用語とトピックのためのテキスト。

• 検索トレンドのテキスト

  ユーザーが入力する検索用語の上のタイトル。

• 結果ページラベル

  このリストの下部に表示するテキスト。他の結果ページへのリンクが設定されます。

• 前のラベル

  前の検索ページへのリンクに表示される名前。

• 次のラベル

  次の検索ページへのリンクに表示される名前。

サイトマップ

• ルートパス

  リストを開始するパス。

スライド

• 新しいスライド

  「追加」（および「削除」）ボタンを使用して、スライドを選択して指定できます。

• タイトル

  必要に応じてタイトルを指定します。これは、該当するスライドに重ねて表示されます。

詳細

• サイズ

  幅と高さをピクセル単位で指定します。

表示するタグ

表示するタグを収集する場所。ページ（すべての子またはすべてのタグを含むページ）から選択します。

ページ

参照するページを選択します。

タグにリンクがありません

表示するタグがリンクとして機能するかどうか。

コンポーネントスタイル（スタイル）

ここで画像を左揃えまたは右揃えにすることができます。デフォルトは、画像を左に配置する「左」です。

画像のプロパティ（詳細画像プロパティ）

以下を指定できます。

• 画像アセット

  必要な画像をアップロードします。

• タイトル

  ブロックのタイトル。マウスオーバーで表示されます。

• 代替テキスト

  画像を表示できない場合に表示する代替テキスト。 空白のままにした場合、タイトルが使用されます。

• リンク先

  ターゲットパスを指定します。

• 説明

  画像の説明。

• サイズ

  画像の高さと幅を設定します。

タイトル
ページタイトル以外の名前を使用する場合は、ここに入力します。

リンク
タイトルがリンクとして機能する場合の URI。

種類/サイズ
ドロップダウンリストから「小」または「大」を選択します。 小は画像として生成されます。 「大」はテキストとして生成されます。

ビデオ

• ビデオアセット

ビデオアセットをアップロードまたはドロップします。

• サイズ

  ビデオのネイティブサイズ（ピクセル単位の幅 × 高さ）が「サイズ」の横のボックスに表示されます（上の図を参照してください）。ビデオのネイティブ寸法を上書きする場合は、幅と高さの寸法を手動で入力します。「OK」をクリックしてダイアログを閉じます。

列の制御

• 列のレイアウト

  レンダリングする列数を選択します。作成した各列には、コンテンツの追加時にコンポーネントやアセットをドラッグするための独自のリンクがあります。

フォーム

フォームコンポーネントは、ページ上の新しいフォームの開始と終了を定義します。 その後、テーブルやダウンロードなど、他のコンポーネントをこれらの要素の間に配置できます。

フォームのフィールドと要素

フォームのフィールドと要素には、テキストボックス、ラジオボタン、画像などを含めることができます。 多くの場合、ユーザーは、テキストの入力など、フォームフィールド内のアクションを完了します。 詳しくは、個々のフォームエレメントを参照してください。

プロファイルコンポーネント

プロファイルコンポーネントは、訪問者のパーソナライゼーションが必要なソーシャルコラボレーションやその他の領域に使用される訪問者プロファイルに関連しています。

タイトルとテキスト

ここでは、フォームのタイトルや付随するテキストなど、基本情報を指定する必要があります。 また、必要に応じて、フィールドが複数選択可能かどうかや、選択可能な項目など、他の重要な情報を定義できます。

初期値

デフォルト値を指定できます。

制約

ここでは、フィールドを必須にするかどうかを指定し、そのフィールドに制約を設定できます（例えば、は数値である必要があります）。

スタイル設定

フィールドのサイズとスタイルを示します。

タイトルとテキスト

• 要素名

  フォーム要素の名前。 リポジトリー内でデータが格納される場所を示します。

  これは必須のフィールドで、次の文字のみを含める必要があります。

  • 英数字
  • _ . / : -

• タイトル

  フィールドと共に表示されるタイトル。 空白の場合、デフォルトのタイトルが表示されます。

• 説明

  必要に応じて、ユーザーに追加情報を提供できます。 フォームでは、これはフィールドの下に、タイトルよりも小さいフォントで表示されます。

• 表示／非表示

  フィールドを表示するタイミングを指定します。

初期値

• デフォルト値

  フォームが開かれたときにフィールドに表示される値。ユーザーが入力を行う前に

制約

• 必須

  フォームコンポーネントの種類によって異なりますが、このフィールドまたはこのフィールドの特定の部分が必須かどうかを示す 1 つ以上のクリックボックスが表示されます。

• 必須メッセージ

  このフィールドが必須であることをユーザーに通知するメッセージ。必須フィールドには、アスタリスクのフラグも付けられます。

• 制約

  選択可能な制約は、フォームコンポーネントの種類によって異なります。

• 制約メッセージ

  どの入力が必須かをユーザーに知らせるメッセージ。

スタイル設定

• サイズ

  行数と列数。

• 幅

  ピクセル数。

• CSS

フォーム

• Thank You ページ

  訪問者に入力を求める際に、感謝の意を表すために参照されるページ。 空白の場合、フォームは送信後に再表示されます。

• ワークフローを開始
  フォームの送信後にトリガーされるワークフローを指定します。

詳細

• アクションタイプ
  フォームにはアクションが必要です。 アクションは、ユーザーから送信されたデータによってトリガーされ実行される処理を定義します（HTML の action= に似ています）。対応する
  アクションの設定.

  標準の AEM インストールには、次のアクションタイプが含まれます。

  • アカウントリクエスト

  • コンテンツを作成

  • リードを作成

  • アカウントを作成および更新

  • メールサービス : 購読者を作成してリストに追加

  • メールサービス : 自動応答のメールを送信

  • メールサービス : リストのユーザーの購読を解除

  • コミュニティを編集

  • リソースを編集

  • ワークフロー制御リソースを編集

  • メール

  • 注文の詳細

  • プロファイルの更新

  • パスワードをリセット

  • パスワードを設定

  • コンテンツを格納

    これはデフォルトのアクションタイプです。

  • コンテンツをアップロードで保存

  • 注文を送信

  • 購読者の登録を解除

  • 注文を更新

• フォーム識別子

  フォーム識別子は、フォームを一意に識別します。1 つのページに複数のフォームがある場合、フォーム識別子を使用します。フォームごとに異なる識別子が使用されていることを確認します。

• 読み込み元パス

  事前に定義された値をフォームフィールドに読み込むために使用されるノードプロパティのパス。

  これは、リポジトリ内のノードへのパスを指定するオプションのフィールドです。 このノードにフィールド名と一致するプロパティがある場合、フォーム上の適切なフィールドには、これらのプロパティの値がプリロードされます。 一致が存在しない場合、フィールドにはデフォルト値が使用されます。

  読み込み元パス ​を使用して、フォームの必須フィールドに値をプリロードすることができます。フォーム値のプリロードを参照してください。

• クライアントの検証

  このフォームでクライアントの検証が必須かどうかを示します（サーバーの検証は常に行われます）。 ​これは、 Forms Captcha コンポーネント。

• 検証リソースタイプ

  （それぞれのフィールドではなく）フォーム全体を検証する場合、フォームの検証リソースのタイプを定義します。フォーム全体を検証する場合は、次のいずれかも含めます。

  • クライアントの検証用スクリプト：

    /apps/<myApp>/form/<myValidation>/formclientvalidation.jsp

  • サーバー側の検証用スクリプト：

    /apps/<myApp>/form/<myValidation>/formservervalidation.jsp

• アクションの設定

  「アクションの設定」で選択できるオプションは、選択した「アクションタイプ」によって異なります。

  • アカウントリクエスト

    • アカウントページを作成

      新しいアカウントの作成時に使用するページ。

  • コンテンツを作成

    • コンテンツのパス

      フォームがダンプするコンテンツのコンテンツパス。スラッシュ（/）で終了するパスを入力します。スラッシュは、各フォームポートに対し、特定の場所に新しいノードが作成されることを意味します。次に例を示します。

      /forms/feedback/

    • 種類

      必要な種類を選択します。

    • フォーム

      フォームを指定します。

    • 次を使用してレンダリング

      リストから必要なオプションを選択します。

    • リソースタイプ

      設定した場合、sling:resourceType として各コメントに追加されます

    • 表示セレクター

  • リードを作成

    • このリストにリードが追加されます

      必要なリードリストを指定します。

  • アカウントを作成および更新

    • 初期グループ

      新しいユーザーを割り当てるグループ。

    • ホーム

      ログイン成功後に表示するページ。

    • パス

      新しいアカウントが作成され、保存される場所の相対パス。

    • データを表示…

      このボタンをクリックして、バルクエディターのフォーム結果に関する情報にアクセスします。 ここから情報を .tsv（タブ区切り）ファイルに書き出すことができます（このファイルは Excel スプレッドシートなどで使用することができます）。

  • メール

    • 送信元

      電子メールの送信元の電子メールアドレスを入力します。

    • 宛先

      フォームの送信先の電子メールアドレスを入力します。

    • CC

      CC の電子メールアドレスを入力します。

    • BCC

      BCC 電子メールアドレスを入力します。

    • 件名

      電子メールの件名を入力します。

  • パスワードのリセット

    • パスワード変更ページ

      パスワードの変更時に使用するページ。

  • コンテンツの格納

    • コンテンツのパス

      フォームがダンプするコンテンツのコンテンツパス。スラッシュ（/）で終了するパスを入力します。スラッシュは、フォームのポートごとに、特定の場所に新しいノードが作成されることを意味します。例は次のとおりです。

      /forms/feedback/

    • データを表示…

      このボタンをクリックして、バルクエディターのフォーム結果に関する情報にアクセスします。 ここから情報を .tsv（タブ区切り）ファイルに書き出すことができます（Excel スプレッドシートなどで使用するため）。

  • コンテンツをアップロードデータと共に保存

    これには、コンテンツを保存 ​と同じオプションがあります。

  • 購読者の登録を解除

    • このリストからリードが削除されます

      必要なリードリストを指定します。

フォーム終了

• 「送信」ボタンを表示

  [ 送信 ] ボタンを表示するかどうかを示します。

• 送信名

  フォームで複数の送信ボタンを使用する場合の識別子。

• 送信タイトル

  「送信」や「送信」など、ボタンに表示される名前です。

• 「リセット」ボタンを表示

  「リセット」ボタンを表示するには、チェックボックスを選択します。

• リセットタイトル

  [ リセット ] ボタンに表示される名前です。

• 説明

  ボタンの下に表示される情報。

タグフィールド

• 許可された名前空間

  • Geometrixx Outdoors
  • ワークフロー
  • フォーラム
  • フォトグラフィー
  • Geometrixx Media
  • 標準タグ
  • マーケティング
  • アセットのプロパティ

• ピクセル単位の幅

• ポップアップのサイズ