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

  • リリースバージョン: Washingtondc
  • 更新日 2024年02月01日
  • 読む1読むのに数分

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

    始める前に

    必要なロール：admin

    このタスクについて

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

    手順

    1. 移動先 すべて > UI ビルダー > Experience (エクスペリエンス) > プレイブックエクスペリエンスポータル > プレイブックアクティビティビューアー.
    2. の UI ビルダー[スタイル] タブで、アクティビティ ビューアーの高さを 100vh に設定します。
    3. コンポーネントに移動します サイズ変更可能なペイン > ペイン構成 をクリックし、スクリプト化されたプロパティ値を編集して、デフォルトの表示ペインでコードをコピーします。 
      // 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";
}
    4. [Done (完了)] を選択します。
      詳細については、Reflow for playbook componentsを参照してください。