カレンダー

カレンダーにイベントのリストを表示し、オプションでアジェンダビューを表示します。イベントをクリックすると、イベントの詳細画面に移動できます。

まず、Adalo Marketplace からカレンダーコンポーネントをインストールしていることを確認し、左パネルのプラスボタンをクリックして、カレンダーコンポーネントを見つけてアプリの画面にドラッグアンドドロップしてください。

  1. "Trips" のようなカレンダーに表示したいイベントを持つコレクションを選択します。

  2. データにフィルタリングや最大アイテムの条件を追加します。注:ソート順を設定しても影響はありません。

  3. カレンダーの言語を設定します。これにより、カレンダー上の月や日がどのように表示されるかが影響を受けます。

  4. 週の最初の日として日曜日または月曜日を表示するかを選択します。

  5. 開始日と終了日を設定するには、各フィールドのマジックナンバーボタンをクリックし、選択したコレクション内のプロパティで各イベントの開始と終了を示します。

  6. 複数日にわたるイベントを、各日の下にドットとして表示するか、複数日にわたってバーとして表示するかを選択します。

  7. 複数のイベントがある日をクリックすると、その日のアジェンダビューが常に表示されます。ただし、1つのイベントしかない日については、その日をクリックした場合にもアジェンダビューを表示するか、イベントの詳細画面に直接リンクするようなアクションを実行するかを指定できます。

  8. 色のセクションでは、カレンダーのさまざまな要素の色をカスタマイズできます。

  9. ナビゲーションの下では、ユーザーがカレンダーで月を変更できるかどうか、選択できる最初や最新の日付があるか、デフォルトの日付を選択できるかを決定できます(デフォルトの日付を設定しない場合、現在の日付が自動的に選択されます)。

  10. アジェンダビューの下では、

    1. "プレビューを表示"トグルを使用して、Adalo Builder がアジェンダビューの例を表示してデザイン変更をプレビューできます。

    2. 時間形式が12時間制か24時間制かを指定します。

    3. イベントの色を設定します。

    4. イベントのタイトルとサブタイトルテキストを設定します。

    5. ユーザーがイベントをクリックしたときにイベントの詳細画面にリンクするなどのアクションを追加します。

ヘルプ

この記事に関する追加のヘルプが必要な場合は、いつでもコミュニティフォーラムで質問できます!投稿する際は、この記事へのリンクも貼り付けてください!

Last updated

Was this helpful?