UX changes to App Bridge Fullscreen API

Community Moderator
186 25 340

shutterstock_2324494071 Cropped.jpg


We wanted to give you a heads up on some updates to App Bridge Fullscreen mode.


‘App Bridge Fullscreen mode’ has been renamed to ‘max modal’  to more accurately align it with its intended functionality—maximizing a modal window for your embedded apps within Shopify admin. 


Max modal standardizes the merchant experience for embedded apps and conforms to our modal API structure across Shopify to provide a streamlined development experience. Max modal includes a `close` button by default and the ability to customize the title, primary and secondary actions by using the existing Title Bar API.  


Next steps:

  1. Update to the latest App Bridge by adding the `app-bridge.js` script tag to the <head> of each document of your app
  2. Implement the max modal using the modal API
  3. Remove the Fullscreen bar component 
  4. Use the Title Bar API in your modal to render title and action buttons

Please visit the Shopify Community forums or post in our GitHub with any questions. 

Jacqui | Community Moderator @ Shopify
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution 
- To learn more visit the Shopify Help Center or the Shopify Blog
Replies 0 (0)