TileContainer - Edit mode

[Former Member]

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?

[Former Member · Accepted solution]

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 --- //