---
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日
*
*  所要時間：3分
モバイルカードビルダー のユーザーインターフェイスについて学び、モバイルカードの構築と変更を開始します。
## 上部パネル {#mcb-stage-ui__section_msz_dbl_4nb}
モバイルカードビルダー の上部パネルには、次の情報とオプションが含まれています。
メニュー
: メニューを使用して、追加のオプションにアクセスします。
* \[開く\] を使用して現在のカードを閉じ、別のカードを開きます。
* \[カードプロパティを編集\] を使用して、カードの名前と簡単な説明を更新します。
* \[変更テンプレート\] を使用して、現在のカードレイアウトをカードテンプレート内のレイアウトに置き換えます。
注:
カードテンプレートは、Quebec 以降のリリースで作成されたカードにのみ適用できます。
* \[ステージをリセット (Reset stage)\] を使用して、現在のモバイルカードからすべての要素を削除します。
{#mcb-stage-ui__ul_kzj_ycl_4nb}
高さと幅
: このセクションには、カードの高さと幅がピクセル単位で表示されます。この情報は、カードにコンポーネントを追加および削除すると自動的に更新されます。
元に戻す
: カードに行った前回の更新を元に戻す場合に選択します。キーボードで Ctrl+Z または ⌘+Z を入力して、このアクションを実行することもできます。
やり直し
: \[元に戻す\] コマンドによって削除された前回の更新をやり直す場合に選択します。キーボードで Ctrl+Shift+Z または ⌘+Shift+Z を入力して、このアクションを実行することもできます。
保存
: \[保存\] を選択して作業を保存します。
## 左パネル {#mcb-stage-ui__section_grn_chl_4nb}
|-|-|
| | カードビルダーの左パネルには、次の情報とオプションが含まれています。 カードセクション : 左パネルの一番上のセクションには、現在のカードの名前が表示されます。 コンポーネントツリー : カードセクションの下には、カードのコンポーネントがツリー構造で整理されています。コンポーネントを選択して、そのコンポーネントを中央パネルでハイライト表示します。コンポーネントを選択すると、そのコンポーネントの構成オプションが右パネルに表示されます。 |
[ ]
{#mcb-stage-ui__table_jdp_dhl_4nb}
## 中央パネル {#mcb-stage-ui__section_d1f_y3l_4nb}
中央パネルを使用して、カードのレイアウトをデザインします。このパネルにはカードのコンポーネントが表示されます。モバイルアプリに表示されるカードを表示するには、\[プレビュー\] ボタンを選択します。
図 : 1. 中央パネルのコンポーネント
カードのコンポーネントを選択してハイライト表示します。コンポーネントの名前のタブと、\[ゴミ箱\] アイコンが表示されます。このアイコンを選択すると、カードからコンポーネントが削除されます。選択したコンポーネントのその他の構成オプションが右パネルに表示されます。
図 : 2. コンポーネントの追加
\[+\] アイコン (![プラスアイコン]()) を選択して、モバイルカードに追加する新しいコンポーネントを選択します。ボタンの追加の詳細については、「[モバイルカードビルダー のカードアクション](https://servicenow-prod.fluidtopics.net/~eDsyGRlh0jzrb_xVN~dUg "モバイルカードビルダー 内で作成したカードにアクションを設計して追加します。ボタンを使用すれば、ユーザーがカード内で直接アクションを実行できるようになります。たとえば、提案の承認/却下、リストされている連絡先への電話、買い物かごへのアイテム追加などです。")」を参照してください。
コンポーネントを選択して削除し、\[削除\] アイコン (![プラスアイコン]()) を選択します。
## 右パネル {#mcb-stage-ui__section_ag5_y3l_4nb}
|-|-|
| カードビルダーの右パネルには、選択したコンポーネントの構成オプションが含まれています。使用可能な構成オプションは、選択したコンポーネントのタイプによって異なります。 コンポーネント構成を変更すると、中央パネルに変更がすぐに表示されます。プレビューオプションを使用している場合は、\[プレビューの更新\] を選択してコンポーネントのプレビューを更新します。 構成オプションには、次のような書式設定オプションがあります。 * サイズ * マージン * コーナー半径 * テキストの配置 {#mcb-stage-ui__ul_hvy_kbm_4nb} このパネルを使用して、フィールド値をカード内のコンポーネントにマッピングすることもできます。詳細については、「[モバイルカードビルダー を使用して画面をカスタマイズする](https://servicenow-prod.fluidtopics.net/K8_mYmJmLZcvfUXvl0OMxg "モバイルカードビルダー を使用して、画面のカードを変更します。")」を参照してください 。 | |
[ ]
{#mcb-stage-ui__table_klm_z3l_4nb}