Skip to Content

Background Image for Fiori tile in launchpad

Nov 01, 2017 at 07:35 AM


avatar image
Former Member


I want to add a background image for Fiori tiles in launchpad. I am using theme designer for performing theming changes.

I used below code in css to set background for Tile using tile ID for testing purpose, But the problem here is the tile ID might change based on user personalizations, So which unique attribute should be used to identify each specific tile?

I have attached my html rendering

#__tile26 { background-image: url("/sap/public/bc/WebIcons/ur/default/l/Workcenter/custom_icon3.png") !important; background-position: right bottom; background-size: 80px 80px; padding-right:30px; padding-bottom:30px; background-repeat: no-repeat;


10 |10000 characters needed characters left characters exceeded
* Please Login or Register to Answer, Follow or Comment.

1 Answer

Best Answer
Tanushsingh Parihar
Nov 20, 2017 at 09:16 AM

Instead of #_tile26, you can use div[id^='_tile'] in the custom css code.

This will apply the css to all divs that have id name starting with _tile.

10 |10000 characters needed characters left characters exceeded