> ## Documentation Index
> Fetch the complete documentation index at: https://developer.watson-orchestrate.ibm.com/llms.txt
> Use this file to discover all available pages before exploring further.

# view:properties:change

Triggered after one or more properties of a view changes. This event enables post-change logic for property updates.

## Event properties

<ParamField path="type" type="string" required>
  Always `'view:properties:change'`.
</ParamField>

<ParamField path="newViewState" type="object" required>
  Object containing only the properties that changed.
</ParamField>

<ParamField path="newViewState.maximized" type="boolean">
  Whether the view is now maximized.
</ParamField>

## Example

```javascript theme={null}
instance.on('view:properties:change', (event, instance) => {
    console.log('View properties changed:', event.newViewState);
    
    if (event.newViewState.maximized) {
        console.log('Chat is now maximized');
        analytics.track('chat_maximized');
    } else if (event.newViewState.maximized === false) {
        console.log('Chat is now restored to normal size');
        analytics.track('chat_restored');
    }
});
```

<Card title="Do you need practical examples?" icon="text-align-start" href="https://www.ibm.com/docs/SSAVQO/deploy/web_chat_agent/tutorials/tutorials_lp.html" arrow="true" cta="Learn with walk-throughs" horizontal>
  Learn how to apply the features available for embedded chat into your implementation with guidance and examples.
</Card>