Fiori : Grouping Tiles in UI5

[former_member196942]

I saw a few demo Fiori apps had some sort of method to group Tiles together under a header text.

eg - http://ld8700-23.wdf.sap.corp:8080/ushell/test-resources/sap/ushell/shells/demo/FioriLaunchpad.html

I wanted to know if there is a control to aggregate tiles into a group or is there any other method I can use to achieve the same result.

Thanks

[surendra_pamidi · Accepted solution]

Hi Priya,

Your link is not available for me..

You can use Tile Container, HBox,Vbox to do different operation on Tiles...

Regards,
Surendra.

[former_member196942 · Accepted solution]

Hi Surendra,

                    Here's the link:

                    - http://ld8700-23.wdf.sap.corp:8080/ushell/test-resources/sap/ushell/shells/demo/FioriLaunchpad.html

Thanks,

Priya

[surendra_pamidi · Accepted solution]

Hi Priya,

The link you provided is not working for me..

Can you explain or show me output of the program..

[former_member196942 · Accepted solution]

Hi Surendar,

                    In the attached home screen, the tiles have been grouped in groups such as "My Home","Working Space". Just wanted to know how do we group tiles in this way. Do I need to use HBox with a Label or if there a different control to group the tiles.

[surendra_pamidi · Accepted solution]

Hi Priya,

Yes you can use HBox and VBox to do that..

Use 4 HBox..

and 1 VBox to place all HBox in that.. So that you will get the same format as you shown..

And the total thing you can do is create 4HBox and place tiles inside that, create headings separately..

And place all HBox, headings in one VBox. That is enough to do above one, little CSS if you need..

Regards,

SUrendra.

[gopi_nidjelli2 · Accepted solution]

Hi Surendra,

            Can you please elaborate more on this or point to links where i can get more info.

Thanks

Gopi