Change Onesignal Small Notification Icons

How to Change Onesignal push notification Small Notification Icons?

Are you looking for the perfect solution to change small notification icons to your own custom icons in one signal push notification? Tired of searching for the right tutorial?  You can see that the documentation given in one signal official is not fully elaborated and for a newbie, it is quite difficult to understand and execute. Thus today, we come to help you out and will explain to do it within a couple of minutes. So, here are the 5 ways to change one signal default bell small notification to your custom notification.

5 effective ways of doing it are as follows:

  1. Go to an android asset studio and click on the image text lying nearby clip art and text and upload your own image. Remember to use a png image and change ic_stat_onesignal_default to your own file name. (E.g- ic_stat_thecodezine) with keeping ic_stat text as it won’t until you change your file name.
  2. After that press Download and unzip the folder.

For an android studio or native android, Ide users:

  • Go to the android studio after that open the folder that you have downloaded.

changing of one signal small push notification

  • Open, the folder you have downloaded containing drawable-hdpi, drawable-mdpi, drawable-xhdpi, drawable-xxhdpi, drawable-xxxhdpi or if it is already there copy and paste the image files from the folder to this files such as

res/drawable-mdpi/ (24×24)
res/drawable-hdpi/ (36×36)
res/drawable-xhdpi/ (48×48)
res/drawable-xxhdpi/ (72×72)
res/drawable-xxxhdpi/ (96×96)
res/drawable-xxxhdpi/ (256×256) (Large Icon)

  • After that drag and the entire folder to drawable for doing that right-click at drawable and click on open file explorer.
  • Next, after opening copy and paste, the folder mentioned in the 2nd step.
  • Finally, for checking if it is working or not: go to run option or debug in android studio, then login to your one signal and write the new name that you have given to the file in a small notification icon field. And thus your custom notification will appear.

changing of one signal small push notification

 

 

For Unity users:

  • Go to the unity after that open the folder that you have downloaded and the steps mentioned in step 1, 2 above.
  • Open, the folder you have downloaded containing drawable-hdpi, drawable-mdpi, drawable-xhdpi, drawable-xxhdpi, drawable-xxxhdpi or if it is already there copy and paste the image files from the folder to this files such as

Assets/Plugins/Android/OneSignalConfig/res/drawable-mdpi/ (24×24)
Assets/Plugins/Android/OneSignalConfig/res/drawable-hdpi/ (36×36)
Assets/Plugins/Android/OneSignalConfig/res/drawable-xhdpi/ (48×48)
Assets/Plugins/Android/OneSignalConfig/res/drawable-xxhdpi/ (72×72)
Assets/Plugins/Android/OneSignalConfig/res/drawable-xxxhdpi/ (96×96)
Assets/Plugins/Android/OneSignalConfig/res/drawable-xxxhdpi/ (256×256) (Large Icon)

For PhoneGap, Cordova, Ionic, Intel XDK users:

  • Go to the PhoneGap, Cordova, Ionic, Intel XDK ide after that open the folder that you have downloaded and the steps mentioned in step 1, 2 above.
  • Open, the folder you have downloaded containing drawable-hdpi, drawable-mdpi, drawable-xhdpi, drawable-xxhdpi, drawable-xxxhdpi or if it is already there copy and paste the image files from the folder to this files such as

<project-root>/platforms/android/app/src/main/res/drawable-mdpi/ (24×24)
<project-root>/platforms/android/app/src/main/res/drawable-hdpi/ (36×36)
<project-root>/platforms/android/app/src/main/res/drawable-xhdpi/ (48×48)
<project-root>/platforms/android/app/src/main/res/drawable-xxhdpi/ (72×72)
<project-root>/platforms/android/app/src/main/res/drawable-xxxhdpi/ (96×96)
<project-root>/platforms/android/app/src/main/res/drawable-xxxhdpi/ (256×256) (Large Icon)

For PhoneGap Build (PGB), Ionic Package
(Cloud Build) users:

  • Go to the PhoneGap Build (PGB), Ionic Package
    (Cloud Build)  ide after that open the folder that you have downloaded and the steps mentioned in step 1, 2 above.
  • Open, the folder you have downloaded containing drawable-hdpi, drawable-mdpi, drawable-xhdpi, drawable-xxhdpi, drawable-xxxhdpi or if it is already there copy and paste the image files from the folder to this files such as

android/app/src/main/res/drawable-mdpi/ (24×24)
android/app/src/main/res/drawable-hdpi/ (36×36)
android/app/src/main/res/drawable-xhdpi/ (48×48)
android/app/src/main/res/drawable-xxhdpi/ (72×72)
android/app/src/main/res/drawable-xxxhdpi/ (96×96)
android/app/src/main/res/drawable-xxxhdpi/ (256×256) (Large Icon)

For Corona,Xamarin users:

  • Go to the Corona,Xamarin Ionic Package
    (Cloud Build)  ide after that open the folder that you have downloaded and the steps mentioned in step 1, 2 above.
  • Open, the folder you have downloaded containing drawable-hdpi, drawable-mdpi, drawable-xhdpi, drawable-xxhdpi, drawable-xxxhdpi or if it is already there copy and paste the image files from the folder to this files such as

Resources/drawable-mdpi/ (24×24)
Resources/drawable-hdpi/ (36×36)
Resources/drawable-xhdpi/ (48×48)
Resources/drawable-xxhdpi/ (72×72)
Resources/drawable-xxxhdpi/ (96×96)
Resources/drawable-xxxhdpi/ (256×256) (Large Icon)

 

Conclusion:

Changing small notification in one signal is a tricky thing but if you follow the steps you can easily do it correctly. Also, remember that your one signal small notification will remain at default until you change the name in you one signal small notification form every time you do push notification. Also, remember that some color codes will not work in an accent color form which a disadvantage. So, try to use common color codes such as #FFF, #D81921. And your problem will be resolved. Also, don’t forget to share this content if you find it useful and also let us know whether it helped you or not in the comment section below.

 

 

 

 

Leave a Reply

Your email address will not be published. Required fields are marked *

error: Content is protected !!