Why Do Images in Rich Push Templates Appear With Extra Space Compared to the Preview on the MoEngage UI?

Understand why rich push template images show extra padding or whitespace on devices versus the MoEngage dashboard preview.

Problem

Images in Rich Push notifications (including in carousels) sometimes appear with extra space when viewed on mobile devices, unlike in the Rich Push Template preview on the MoEngage UI.

Explanation

• Verify that the rich push notification dependency is added to your app-level build.gradle file using either the version catalog or the artifact ID, as illustrated below.

Kotlin

build.gradle (:app)
implementation(moengage.richNotification) // using moengage version catalog
or
implementation("com.moengage:rich-notification:$sdkVersion") // using artifact id

• Refer to the Installing Version Catalog documentation to integrate the MoEngage version catalog into your project.
• Refer to the Installing SDK using Artifact Id documentation to integrate the MoEngage rich notification dependency using the artifact ID.
• The behaviour described is expected if integration is correct and the Android OS version is 12 or later. Refer to this link, Behavior changes: Apps targeting Android 12, for more information on notification layouts and customizable areas.