What's the change?
Support app developers now could specify a new boolean property of `flexible` in their apps' manifest file.
Where's the documentation?
https://developer.zendesk.com/documentation/apps/app-developer-guide/manifest/
Why should you care about this property?
We have released functionality that will allow agents to manually resize the width of the apps sidebar. Apps that are built with responsiveness in mind will have their width of the iframe container stretched out to take up the full width of the sidebar. If you have a lot of information in your app, this is a way for agents to better see/interact with the content in a bigger pane. This functionality is now only be available in Agent Workspace. It is now automatically available in your account for agents to manually resize the width of the apps sidebar, no enablement required.
Here's an example:
In this example, the first app, Custom App #104, has a property of `flexible` equating to TRUE, hence the width of its iframe container stretch out to take up the full width of the sidebar whenever resized.
The second app, Marketplace App #576, has a property of `flexible` equating to FALSE, hence the width of its iframe container remains fixed in place to the default width of 320px.
What app location are you able to put this property under?
Available only for the ticket sidebar and new ticket sidebar locations at this time.
What happens if I don't specify it in my apps manifest file?
If you don't specify a value towards the property, the apps framework assumes that it's FALSE.
For any new apps / manifest files created, what is the default value?
`flexible` equates to TRUE
What else should you do, if you haven't already?
Make sure your app is responsive, if it's not already (ie: leverage flexbox, ensure no positioning of elements is fixed. etc..)
Could this new property be used in my private app?
Yes, this new property could be used in both private apps and marketplace apps.
Could this new property be used in my marketplace app?
Yes, this new property could be used in both private apps and marketplace apps.
How could may app listen to an event that fires whenever the sidebar is manually resized?
If your app needs an event that fires whenever the ticket sidebar is resized horizontally, so that the app programmatically knows when to resize vertically, then you could implement something like this in your code. You may want to include a debounce as well.
window.addEventListener('resize', () => {
console.log('innerWidth', window.innerWidth)
console.log('called')
resizeApp();
})