Experience Builder tips

This page contains other useful tips for interacting with Experience Builder.

How do my custom effects adjust when the Experience Builder sidebar appears and disappears?

When you display the Experience Builder sidebar, the sidebar adjusts the <body> tag’s right margin. Experience Builder dispatches the standard window resize events whenever the <body> is adjusted to display or hide the sidebar. Any custom code for the webpage should listen for both window resize events to adjust for changes in the browser viewport and changes based on Experience Builder inclusion. As with any window resize events, handlers should expect this event to fire frequently and utilize a de-bounce method when appropriate.