Fiori launchpad Add to home screen for IOS and Android devices

I have customized Fiori Launchpad to produce a nice Add to home screen pop pup message. Its to inform user you can book mark this page on your home screen  and user don’t have to remember the fiori launchpad url from the next time.

For Android  Device

For IOS Device

Go to ->SE80 transaction code –>

open FioriLaunchpad.html–>Edit

Add this code to your FioriLaunchpad.html head

  <link rel=“apple-touch-icon-precomposed” href=“../../resources/sap/ushell/themes/base/img/splashscreen/320_x_460.png”/>

  <link rel=“stylesheet” type=“text/css” href=“../../addtohomescreen.css”>

  <script src=“../../addtohomescreen.js”></script>

  <script>

        addToHomescreen.removeSession();

        addToHomescreen({

          maxDisplayCount: 1

        });

</script>

and now import this two files  addtohomescreen.css and addtohomescreen.js  and give the proper path of these files that is screen shot red quoted area.

and we are good to see this pop pup messages.

❗ Warning : If Fiori launchpad gets updated then FioriLaunchpad.html code gona be lost.so its good to take a backup of this red quoted code and paste it after up gradation of Fiori launchpad.