一覧を設定する

レコードの一覧を作成して、一覧に表示するフィールドを指定したり、レコードの絞り込み条件を指定したりできます。

下記のSTEP順に操作します。

STEP1:一覧の名前を設定する

  1. レコード一覧画面の右上にあるアプリ設定ボタン 設定ボタン をクリックし、「一覧」タブを選択します。

  2. 一覧を追加するボタン 画像 をクリックします。
    画像

  3. 「一覧名」に一覧の名前を入力します。
    一覧名入力 STEP2に進みます。

STEP2:一覧の表示形式を選択する

「レコード一覧の表示形式」で、表示形式を設定します。 レコード一覧の表示形式 表示形式を設定したあとに、STEP3に進みます。

表形式にする場合

表形式一覧作成 レコードの一覧画面に表示するフィールドを、左側のフィールドを右側のエリアにドラッグアンドドロップします。
フィールドは、右側のエリアの並び順でレコード一覧画面に表示されます。

  • [すべて追加]ボタンをクリックすると、すでに追加されているフィールドの右端に、残りのフィールドがまとめて追加されます。
    フィールドをひとつずつドラッグアンドドロップする必要なく、すべてのフィールドをまとめて追加できます。
  • [すべてクリア]ボタンをクリックすると、すでに追加されているフィールドがすべてクリアされます。
    設定済みの一覧を変更する場合や、フィールドの順番をいちから並べ替えたい場合などに、追加されているフィールドをすべてクリアしてから選びなおすことができます。
  • すでに追加されているフィールドの並び順をドラックアンドドロップで変更できます。
  • すでに追加されているフィールドをひとつずつクリアするには、設定ボタン 設定ボタンから[削除]を選択します。

カレンダー形式にする場合

カレンダー形式一覧
  • 日付:
    レコードが表示される日付を指定するフィールドを選択します。
    フィールドに入力した日付、または日時をもとに、カレンダーにレコードが表示されます。
  • タイトル:
    カレンダーに表示するタイトルにするフィールドを選択します。

カスタマイズする場合

カスタマイズ形式一覧

  • 一覧を表示する範囲:
    「PC版のみで表示する」または「PC版とモバイル版で表示する」のどちらかを選択します。
  • 一覧ID:
    自動的に割り振られる一覧のIDです。
  • ページネーションを表示する:
    ページネーションの表示/非表示を切り替えられます。
    初期値はチェックがオンでページネーションを表示する設定です。 ページネーションを表示する設定になっていると、カスタマイズ形式の一覧を表示するとき、レコード情報を取得します。
    チェックを外すと、"レコード一覧表示時イベント"のイベントオブジェクトから、レコード情報が取得できない状態になります。
  • HTML:
    一覧のHTMLコードをHTML5で記述します。

    HTMLの記述に関する詳細は、cybozu developer networkの一覧画面のカスタマイズなどを参考にしてください。

    次のタグは不要です。
    <html>
    <head>
    <body>
    JavaScriptのコードは記述できません。JavaScriptを使用するには、JavaScript / CSSカスタマイズ機能を使用します。

STEP3:一覧に適用する絞り込みを設定する

必要に応じて、レコード一覧画面に表示するレコードを絞り込みます。
絞り込みやソートの設定の詳細は、下記のページを参照してください。

STEP4:一覧の設定を保存する

  1. 画面左上の[保存]をクリックします。 一覧名入力

  2. 画面右上の[アプリを更新]をクリックします。