Skip to Content

sap.m.TileContainer deprecated - which other container to use?

Hello everyone,

we are using the sap.m.TileContainer quite extensively but recently noticed that it has been deprecated since version 1.50.

Unfortunately, we have not been able to find a container for tiles that has the same functionality such as the horizontal scrolling and paging, as well as dragging or editing tiles.

Which container would you recommend to use that comes close to the original TileContainer's functionality?

Thanks in advance and best regards,

Christof

Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

3 Answers

  • Best Answer
    Feb 14 at 02:10 PM

    For those wondering, we finally chose to use a FlexBox as container.

    It doesn't support paging or dragging tiles, but atleast the edit mode can be done by setting the scope of every tile to 'Action' instead of 'Display'.

    Add comment
    10|10000 characters needed characters exceeded

  • Jan 25 at 09:28 AM

    As you can see in the documentation you have to

    "Deprecated since 1.50. instead, use a container of your choice with sap.m.GenericTile instances"

    When they talk about "Container of your choice" I think you can use any kind of layout container (like a Grid container). But yes, there's not a direct replacement for the TileContaner.

    Anyway, deprecation is a warning, it just means that they're removing support to it if your current client will be stick to the 1.50.x you don't have to worry.

    Add comment
    10|10000 characters needed characters exceeded

  • Jul 25 at 12:23 PM

    We are having the same problem in our UI5 applications. There seems to be no replacement with similar behaviour. We used the TileContainer as the entry point of our app, from where you could navigate to the several sub dialogs. The closest we got to the original functionality, was using a Carousel with FlexBoxes as pages, each FlexBox set up with

    height: "inherit",
    justifyContent: sap.m.FlexJustifyContent.Center,
    alignItems: sap.m.FlexAlignItems.Center,
    wrap: sap.m.FlexWrap.Wrap,
    alignContent: sap.m.FlexAlignContent.Center
    

    and containing at most 4 StandardTiles. Then the app looked like before on the handheld devices we use (which are only big enough for 4 tiles on one screen). Even the responsive design still works: the display shows either 2x2 tiles in portrait mode or 1x4 tiles in landscape mode. With this change, we lost the feature to display more than 4 tiles per page on bigger screens, e.g. when using the app in the browser of a PC. Would be great to get that back.


    PS: The documentation at https://experience.sap.com/fiori-design-web/carousel/ specifically states to not use Carousel if "the items you want to display are uniform and very similar". So I am not supposed to use it for tiles, if I understand this correctly, but that is exactly what a TileContainer was.

    Add comment
    10|10000 characters needed characters exceeded