UI ビルダー ページのリフローを有効にする

  • リリースバージョン: Yokohama
  • 更新日 2025年01月30日
  • 所要時間：2分

    • UI ビルダー ページのリフローを有効にします。これによって、ウィンドウのサイズを変更するときに水平方向にスクロールする必要がなくなります。

    始める前に

    必要なロール：admin

    このタスクについて

    リフロー機能によって、ウィンドウのサイズを変更するときにコンポーネントのプロパティが調整されます。より小さな画面サイズに対応し、さまざまな画面サイズに合わせてコンポーネントのプロパティが変更されます。

    手順

    1. 次のように移動する。 All (すべて) > UI ビルダー.
    2. [エクスペリエンス] で [プレイブックエクスペリエンスポータル] を選択します。
    3. リフローを調整する特定のページまたはバリアント (CSM ケースプロセスまたは CSM ケースプロセス) を開きます。
    4. [プレイブックアクティビティビューアー] コンポーネントの設定を編集します。
    5. UI ビルダー の [スタイル] タブで、アクティビティビューアーの高さを 100vh に設定します。
    6. コンポーネントに移動 サイズ変更可能なペイン > ペインの構成 をクリックし、スクリプト化されたプロパティ値を編集して、デフォルトで表示されるペインにコードをコピーします。 
      // Resizable Panes default displayed pane scripted value
​
// when in left/right pane position
function evaluateProperty({api, helpers}) {
    if(!api.data.playbook_custom_layout.compactMode) return "both";
​
  return (api.data.playbook_custom_layout.selectedItem || {}).stageContextId ? "right" : "left";
}
​
// when in top/bottom pane position
function evaluateProperty({api, helpers}) {
    if (!api.data.playbook_custom_layout.compactMode) return "both";

  return (api.data.playbook_custom_layout.selectedItem || {}).stageContextId ? "bottom" : "top";
}
    7. [Done (完了)] を選択します。
      詳細については、Reflow for playbook componentsを参照してください。