Skip to Content
avatar image
Former Member

Background Image for Fiori tile in launchpad


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;


Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

1 Answer

  • Best Answer
    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.

    Add comment
    10|10000 characters needed characters exceeded