Skip to Content

Archived discussions are read-only. Learn more about SAP Q&A

TileContainer - Edit mode

Hello people,

I need some help.

As can we see on SAPUI5 Explored, when we launch the 'edit mode' tiles are changing and a deletion cross appear on the upper left of every tile.

Now I created customTile in the TileContainer and I would like to get the same behaviour (deletion cross and different css style).

Do you have some ideas?

editMode.png (47401 B)
Former Member
Former Member replied

Problem solved.

It's necessary to add these two classes.

.sapMTC.sapMTCEditable .NAMECustomTileContent {

    margin-top: -X.XXem;


// --- To go up the tile content --- //

.sapMTC.sapMTCEditable .sapMTCRemove {

    background-color: #5d5d5d;

    border-radius: 50%;

    box-shadow: 0 1px 3px #5d5d5d;

    box-sizing: border-box;

    color: #ffffff;

    cursor: default;

    display: block;

    font-family: "SAP-icons";

    font-size: 20px;

    height: 24px;

    margin-left: -0.5em;

    margin-top: -0.5em;

    padding-left: 2px;

    padding-top: 0;

    width: 25px;

    z-index: 1;


// ---To reveal the deletion button --- //

0 View this answer in context
Not what you were looking for? View more on this topic or Ask a question