---
sourceDocument: オーストラリアのカスタマーサービス管理 (CSM)
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/ja-JP/customer-service-management

 Release :

    - australia

ft:locale :

    - ja-JP

ft:publication_title :

    - オーストラリアのカスタマーサービス管理 (CSM)

ft:clusterId :

    - csm

bundleId :

    - csm

workflow :

    - Customer and Industry


---

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

# UI ビルダー ページのリフローを有効にする {#ariaid-title1}

* リリースバージョン: Australia
* 
* 更新日 2026年03月12日
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 所要時間：2分

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

## 始める前に

必要なロール：admin

## このタスクについて

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

## 手順

1. 移動先 すべて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](https://www.servicenow.com/docs/access?context=reflow-for-playbook-components&version=australia&pubname=australia-build-workflows&ft:locale=en-US)を参照してください。