Expand my Community achievements bar.

SOLVED

How to configure bundle image path in Inapp delivery

Avatar

Level 2

Hi Team,

 

I am trying to explore the bundle image field in Inapp delivery template. I have checked the below documentation and it does not have much details in it. Trying to understand how we can have path for Android and iOS app in this field and if you can share an example of how it is done so that I can check with APP team and configure and test it. Request you to share details to test this feature.

 

Path to an image in your app code bundle. It will be used if there is no image or it is unavailable (device is offline).
 

https://experienceleague.adobe.com/docs/campaign-standard/using/communication-channels/in-app-messag...

 

Regards

Shriniwas

Topics

Topics help categorize Community content and increase your ability to discover relevant content.

1 Accepted Solution

Avatar

Correct answer by
Level 6

Hi @Shri19 ,

This will work in same way like configuration of normal image configuration work.Please refer to Media section of below link and there you will find the option of adding link for bundle image.

https://experienceleague.adobe.com/docs/campaign-standard/using/communication-channels/in-app-messag...

 

Also the In-App Message full-screen template supports showing an image from a remote server (Image URL) or from the app bundle (Bundled Image). The image should be in a standard image format, for example, JPG, GIF, or PNG.

Due to device screens having many different dimensions, the image probably not fit exactly into the space provided by the template. The template always focuses on showing the center of the image and crops (portrait) or fades (landscape) the sides if the image does not fit.

Here is the exact placement and sizing rules for each orientation:

  • Portrait, where the image is scaled to height of 195px for phone, 529px for tablet, centered if image width is smaller than device width, and cropped if image width is greater than device width.

  • Landscape, where the image is scaled to 100% of height of device, width is 75% of the device, and with a fade out on the right.

    If you have issues with the full-screen template, you can download and use the Custom HTML template. The Custom HTML template provides greater flexibility for images and allows full control of the template.

Ref Link :- https://experienceleague.adobe.com/docs/mobile-services/using/messaging-ug/inapp-messages/in-apps-ts...

 

View solution in original post

5 Replies

Avatar

Correct answer by
Level 6

Hi @Shri19 ,

This will work in same way like configuration of normal image configuration work.Please refer to Media section of below link and there you will find the option of adding link for bundle image.

https://experienceleague.adobe.com/docs/campaign-standard/using/communication-channels/in-app-messag...

 

Also the In-App Message full-screen template supports showing an image from a remote server (Image URL) or from the app bundle (Bundled Image). The image should be in a standard image format, for example, JPG, GIF, or PNG.

Due to device screens having many different dimensions, the image probably not fit exactly into the space provided by the template. The template always focuses on showing the center of the image and crops (portrait) or fades (landscape) the sides if the image does not fit.

Here is the exact placement and sizing rules for each orientation:

  • Portrait, where the image is scaled to height of 195px for phone, 529px for tablet, centered if image width is smaller than device width, and cropped if image width is greater than device width.

  • Landscape, where the image is scaled to 100% of height of device, width is 75% of the device, and with a fade out on the right.

    If you have issues with the full-screen template, you can download and use the Custom HTML template. The Custom HTML template provides greater flexibility for images and allows full control of the template.

Ref Link :- https://experienceleague.adobe.com/docs/mobile-services/using/messaging-ug/inapp-messages/in-apps-ts...

 

Avatar

Level 2

Thanks for the update, could you please let me know if the image needs to be available in a specific path for the Bundled image field to work or any path will work for this feature for the app

Avatar

Level 6

Hi @Shri19 ,

There are no spicification different for bundle image. As per my understanding any remote server which app team access for rendering the images can be used here.

Avatar

Level 2

Hi @aggabhi Does that mean that a valid external URL should be placed in the Bundle image field instead of local path of app package in the Inapp delivery configuration in this field  ?

Avatar

Level 6

Hi @Shri19 ,

Yes, valid external URL should be placed in the Bundle image field. Please go through the same, it is clearly mention in configuration steps.

https://experienceleague.adobe.com/docs/campaign-standard/using/communication-channels/in-app-messag...