このページの内容

ページコンポーネントで作成したダッシュボードのレイアウトをどのようにカスタマイズできるかを説明します。

提供状況

1. ページレイアウトのカスタマイズは、Creator のすべてのプランで利用できます。
2. スーパー管理者、管理者、および開発者のみがページレイアウトをカスタマイズできます。
   

レイアウトのカスタマイズでは、アプリケーションにさまざまなデバイスからアクセスしたときに、ダッシュボードの見た目がどのように表示されるかを制御します。これは、マージンサイズの調整や適切なレイアウトの選択などによって行います。

Creator プラットフォームは、複数のインターフェイスからアクセスできるプログレッシブ Web アプリケーションを提供します。これらのレスポンシブアプリケーションのレイアウトは、Web、スマートフォン、タブレットなど、各デバイスごとにカスタマイズできます。この UI と UX の一貫性により、エンドユーザーはデバイスの向きや画面サイズに関係なく、機能を最大限に利用できます。

1. 対象のアプリケーションの編集モードで、対象のページを開きます。右側にページのカスタマイズペインが表示されます。

2. レイアウトをカスタマイズしたい対象デバイスに切り替えます。初期設定では、Webデバイスが表示されます。

3. 下表に示す各種プロパティを使用して、Web、スマートフォン、タブレットなど、各デバイスごとにレイアウトを個別にカスタマイズします。

対象デバイス	カスタマイズ項目	説明	表示例
Web	Display As	カード - ページ要素が個別のカードとして表示されます。 Plain - ページ要素が互いの境界でつながった状態で表示されます。 メモ: 初期設定値は カード です。	カード Plain
	Margin	Margin の値（ピクセル）を指定して、ページの上、右、下、左の各側に空白として残すマージン領域を調整します。 メモ: すべての辺の初期設定値は 0px です。
スマートフォン    タブレット	Display as	カード - ページ要素が個別のカードとして表示されます。 Plain - ページ要素*リンク to und page table* が互いの境界でつながった状態で表示されます。 メモ: 初期設定値は カード です。	カード Plain
	Layout 種類	Stacked - スマートフォンまたはタブレットからページにアクセスしたとき、すべてのページ要素が上下に積み重なるように配置されます。 Actual - すべてのページ要素が、ページビルダーで配置したとおりのレイアウトで表示されます。 メモ: 初期設定値は Stacked です。	Stacked Actual

行った変更は自動的に保存され、レイアウトをカスタマイズしながら、プレビューを表示・更新できます。