---
sourceDocument: Xanadu モバイルの構成とナビゲーション
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/ja-JP/xanadu/mobile

 Release :

    - xanadu

ft:locale :

    - ja-JP

ft:publication_title :

    - Xanadu モバイルの構成とナビゲーション

ft:clusterId :

    - mobile

bundleId :

    - mobile

workflow :

    - Platform


---

# モバイルカードビルダー コンポーネント

# モバイルカードビルダー コンポーネント {#ariaid-title1}

* リリースバージョン: Xanadu
* 
* 更新日 2024年08月01日
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 所要時間：3分

モバイルカードを構成するコンポーネントについて学びます

## コンポーネントの追加と削除 {#mcb-elements__section_gqy_xn4_ynb}

## コンテナー {#mcb-elements__section_y5k_yn4_ynb}

コンテナーコンポーネントには、他のコンポーネントが含まれています。コンテナーには、任意のカードコンポーネント (別のコンテナーも含む) を含めることができます。コンテナーを使用してカードコンポーネントを整理し、コンテナー内のコンポーネントの配置と分布を決定します。  
{#mcb-elements__table_nm2_bp4_ynb__entry__2}

| プロパティ | 説明 |
|-|-|
| 高さ | コンテナーの高さ (ピクセル単位) |
| 幅 | コンテナーの幅 (ピクセル単位)。このプロパティを空白のままにすると、コンテナーは利用可能なスペースを埋めます。 |
| 上マージン | コンテナーの上マージン (ピクセル単位) |
| 下マージン | コンテナーの下マージン (ピクセル単位) |
| 左マージン | コンテナーの左マージン (ピクセル単位) |
| 右マージン | コンテナーの右マージン (ピクセル単位) |
| コーナー半径 | コンテナーのコーナー半径。この値を大きくすると、コンテナーのコーナーが丸くなります。 |
| コンテナーの方向 | コンテナー内のコンポーネントの向きを決定します。次の値から選択します。 * 水平 * 垂直 {#mcb-elements__ul_p5f_dq4_ynb} |
| 位置調整 | コンテナー内のコンポーネントの配置を決定します。次の値から選択します。 * ストレッチ * センター * 左 * 右 * 最高 * 最低 {#mcb-elements__ul_prk_1q4_ynb} |
| 分布 | コンテナー内のコンポーネントの分布を決定します。次の値から選択します。 * 均等 * 自動 {#mcb-elements__ul_d52_xp4_ynb} |
[表 : 1. コンテナー構成プロパティ]

{#mcb-elements__table_nm2_bp4_ynb}

## イメージ {#mcb-elements__section_nr5_yn4_ynb}

画像コンポーネントは、画像の表示に使用されます。表示する画像を定義するには、\[ユーザー\] レコードの \[アバター\] フィールドなど、画像を含むレコードのフィールドを選択します。  
{#mcb-elements__table_lwl_gr4_ynb__entry__2}

| プロパティ | 説明 |
|-|-|
| マップされたフィールド | 画像を含むレコードのフィールド。 注: カードテンプレートを作成するときは、フィールドを選択できません。この選択は、カードが特定の画面に関連付けられているときに行います。 |
| 高さ | 画像の高さ (ピクセル単位) |
| 幅 | 画像の幅 (ピクセル単位) |
| コーナー半径 | 画像のコーナー半径。この値を大きくすると、画像のコーナーが丸くなります。 |
| 上マージン | 画像の上マージン (ピクセル単位) |
| 右マージン | 画像の右マージン (ピクセル単位) |
| 下マージン | 画像の下マージン (ピクセル単位) |
| 左マージン | 画像の左マージン (ピクセル単位) |
| スケーリング | 画像のスケーリング。次の値から選択します。 * 枠に合わせる (Fill) * 枠幅に合わせる (Fit) {#mcb-elements__ul_xd5_1s4_ynb} |
[表 : 2. 画像構成プロパティ]

{#mcb-elements__table_lwl_gr4_ynb}

## テキスト {#mcb-elements__section_eng_zn4_ynb}

テキストコンポーネントは、カードにテキストを表示します。これは、静的テキストにすることも、フィールドの値のラベルからのテキストにすることもできます。ユーザーがレコードリストを表示するときに、最初に表示する必要がある情報には、テキストコンポーネントを使用してください。  
{#mcb-elements__table_pjv_jt4_ynb__entry__2}

| プロパティ | 説明 |
|-|-|
| フィールドタイプ | テキストフィールドのタイプ。次の値から選択します。 * フィールド値 * フィールド ラベル * 静的テキスト {#mcb-elements__ul_qmd_rt4_ynb} |
| フィールドタイプテキスト | テキストコンポーネントに表示されるテキスト。この値は、\[フィールドタイプ\] プロパティで \[静的テキスト\] を選択した場合にのみ使用されます。 |
| マップされたフィールド | 使用するテキストを含むフィールド。テキストコンポーネントには、\[フィールドタイプ\] プロパティで選択した内容に応じて、フィールドのラベルまたはフィールドの値が表示されます。 注: カードテンプレートを作成するときは、フィールドを選択できません。この選択は、カードが特定の画面に関連付けられているときに行います。 |
| 高さ | テキストコンポーネントの高さ (ピクセル単位) |
| 幅 | テキストコンポーネントの幅 (ピクセル単位) |
| コーナー半径 | テキストコンポーネントのコーナー半径。この値を大きくすると、テキストコンポーネントのコーナーが丸くなります。 |
| 上マージン | テキストコンポーネントの上マージン (ピクセル単位) |
| 右マージン | テキストコンポーネントの右マージン (ピクセル単位) |
| 下マージン | テキストコンポーネントの下マージン (ピクセル単位) |
| 左マージン | テキストコンポーネントの左マージン (ピクセル単位) |
| テキストの配置 | コンポーネント内のテキストの配置。次の値から選択します。 * 左 * センター * 右 {#mcb-elements__ul_cln_w54_ynb} |
| 最大行数 | 要素内のテキストの最大行数。 |
| フォントの太さ | テキストのフォントの太さ。次の値から選択します。 * レギュラー * ボールド {#mcb-elements__ul_stz_3v4_ynb} |
| フォントサイズ | テキストのフォントサイズ。数値を入力します。 |
| テキストの色 | テキストの色。このプロパティの値は HTML カラーコードです (たとえば、シェンナは `#A0522D`)。 注: テキストコンポーネントの背景色は変更できませんが、コンテナーコンポーネント内にテキストコンポーネントを配置して、コンテナーの背景色を変更することができます。 |
[表 : 3. テキスト構成プロパティ]

{#mcb-elements__table_pjv_jt4_ynb}