ページレイアウトのカスタマイズ

お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。

このページの内容

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

提供状況

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

1. レイアウトのカスタマイズ

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

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

1。1 レイアウトカスタマイズの設定

1。2 ページレイアウトをカスタマイズする手順

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

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

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

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