A Contentful UI Extension that provides a navbar for full size or full screen asset preview. Please visit https://www.contentful.com/r/knowledgebase/ui-extensions-guide/ to learn how to install in Contentful Web App.
This UI extension is designed to be used with Contentful, you will need a space ID as well as a CMA access token. The UI extension reads an assetId from a field called "asset" and retrieves the asset URL and sets it as target for the preview asset field which allows you to view the asset in Full Screen mode or at Full Size in a new tab.
This is a basic example on how to achieve full screen or full size asset preview, therefore the current implementation is limited to image types only. You'll need to fork the code and build additional handlers for other mime types.
- Install this UI Extension in your Contentful space!
- Update the SPACE_ID and CMA_TOKEN in the extension source (html). Don't forget to save!
- Create a field on your content type called "Asset", set type to Media (a.k.a. asset reference or link).
- Create a anotehr field on the same content type called "Asset Preview" of type "Object" and configure the field appearance to use this UI Extension, called: "Asset Full Screen".
This UI extension is intended for demo & inspirational purposes only and not tested or supported by Contentful for production use.