Skip to main content
Triggered before one or more properties of a view changes, for example, the maximized state. Use this event to react before the property change takes effect.

​
Event properties

​
type
string
required
Always 'view:properties:pre:change'.
​
newViewState
object
required
Object containing only the properties that are about to change.
​
newViewState.maximized
boolean
Whether the view will be maximized.

​
Example

instance.on('view:properties:pre:change', (event, instance) => {
    console.log('View properties about to change:', event.newViewState);
    
    if (event.newViewState.maximized) {
        console.log('Chat is about to be maximized');
        // Prepare UI for maximized state
        prepareMaximizedLayout();
    } else if (event.newViewState.maximized === false) {
        console.log('Chat is about to be restored');
        // Prepare UI for normal state
        prepareNormalLayout();
    }
});

Do you need practical examples?

Learn how to apply the features available for embedded chat into your implementation with guidance and examples.