MicroStrategy ONE

自由形式レイアウトで特定のコンテナーを非表示にすることによるレスポンシブなデフォルト ビューのキュレーション

ビジュアリゼーション コンテナーを非表示にして、携帯電話やタブレットなどの小型デバイスでよりレスポンシブなエクスペリエンスを提供したり、横向きモードのデスクトップや大型タブレットで、特定のオブジェクトだけを大きな非レスポンシブなデフォルト ビューに表示することができます。

たとえば、携帯電話のレスポンシブ ビューには詳細グリッドと背景イメージがあります。ただし、これらのコンテナーを表示する必要はありません。エレメントを簡単に非表示にできるので、小型画面で表示するユーザーは、不要な背景イメージや過剰なスクロールを生むビジュアリゼーションがない、クリーンで直感的なビューを利用できます。

いくつか留意事項があります。

  • Apple デバイスの場合:

    • iPad のランドスケープモードでは、ダッシュボードが応答しないビューで実行されます。

    • iPad のポートレート モードでは、デバイスのサイズが幅 768 ポイント以上の場合、ダッシュボードは非応答ビューで実行されます。それ以外の場合、ダッシュボードは iPad mini や 9.7 インチ iPad などのレスポンシブ モードで実行されます。デバイスの寸法の詳細については、基礎 > レイアウト > 仕様 Appleのヒューマンインターフェースガイドラインのセクションここ。

    • すべての iPhone では、ユーザーが縦向きまたは横向きのどちらのビューを使用しているかに関係なく、ダッシュボードがレスポンシブ ビューで実行されます。

  • Android デバイスの場合:

    • Android タブレットは 768 のブレークポイントに従っています。デバイスの寸法が 768 ポイント未満の場合、ダッシュボードはレスポンシブ ビューで実行されます。

    • すべての Android スマートフォンでは、ユーザーが縦向きまたは横向きのどちらのビューを使用しているかに関係なく、ダッシュボードがレスポンシブ ビューで実行されます。

レスポンシブビューの詳細については、レスポンシブなフリーフォームダッシュボードを作成するためのベストプラクティス。

レスポンシブ ビューでのコンテナーの非表示

  1. ダッシュボードを開く自由形式のレイアウト。
  2. 小型の画面の場合、レスポンシブ ビューで非表示にするコンテナーを指定します。

    3. 元の非レスポンシブ ビュー:

    レスポンシブ プレビュー:

    小型画面の場合、レスポンシブ ビューでイメージとグリッドを非表示にして、必要なスクロールを非表示にしたいとします。

  3. レイヤーパネルでコンテナを右クリックし、レスポンシブビューで非表示。

    レスポンシブ ビューで非表示になっているコンテナーを示すアイコンに注目してください。

  4. 使用レスポンシブプレビュー小さな画面での表示がどのように見えるかを確認します。

  5. 非表示のコンテナをレスポンシブビューで再表示するには、レイヤーパネルでコンテナを右クリックし、レスポンシブビューで表示。

デフォルト ビューでのコンテナーの非表示

大型画面の場合、デフォルトの非レスポンシブ ビューで特定のオブジェクトのみを表示したい場合、ここはデフォルトビューで非表示便利です。デフォルトビューで非表示 2 つの優れた使用例があります。

  1. 小さな画面用のレスポンシブ ビューをキュレートして、特定のオブジェクトだけを表示し、大きな画面用のデフォルトの非レスポンシブ ビューでは非表示にします。これには、小さなモバイル デバイス用とデスクトップや横向きモードの大きなタブレット用とで異なるナビゲーション バーを作成することも含まれます。2 つの例を次に示します。

  1. 作成中に使用することで、重なり合うコンテナーを調整し、書式設定できます。オブジェクトをデフォルトの非レスポンシブの大型画面で非表示のままにしたくない場合は、必ずキャンバスに再表示してから保存してください。