Feature Request: GenericTile to create Dashboards

[C3ntraX]

Feature Request Description

The webcomponents have a missing tile named "GenericTile". The problem is the following: If a customer has multiple modules, you want him to select a module from a kind of dashboard. The best option to choose a module would be to display them as tiles. The problem is, that your components do not offer such a component or a other a similar component to compensate the "GenericTile" in order to create a dashboard.

Proposed Solution

See: https://sapui5.hana.ondemand.com/sdk/#/api/sap.m.GenericTile

Proposed Alternatives

I saw the "Card" component, that would be the next best component, but that doesn't work for the dashboard either.

Additional Context

Add other context or screenshots related to the feature request here.

Priority

• [ ] Low
• [ ] Medium
• [x] High
• [ ] Very High

Currently we are not able to create dashboard with UI5 Webcomponents.

Stakeholder Info (if applicable)

• Organization: Versino AG
• Business impact: High (Need for application)

[C3ntraX]

Hello @ilhan007,

I saw that the last new component was implemented more than a year ago, that's a lot. When do you think this feature could be implemented?

Best regards

[georgimkv]

Also discussed in #2756

[C3ntraX]

Okay didn't thought of this. I think I could use the Card for the dashboard. Maybe you could add some examples for an launchpad that this is clear for further requests. Like: https://sapui5.hana.ondemand.com/sdk/#/entity/sap.m.GenericTile/sample/sap.m.sample.GenericTileAsLaunchTile

[C3ntraX]

Hello @ilhan007 and @gmkv,

Ok, I used the card for my dashboard/launchpad for now. But I had to do a lot of styling purposes.

I want to reproduce this:

But this is what I created (for now)

The tile requires an IconContent component. Also, @ilhan007's example doesn't set a fixed width for tiles: <ui5-busyindicator active size="Medium"> <ui5-card id="card" status="in progress" heading="Title" subheading="subtitle"> <div>your content</div> </ui5-card> </ui5-busyindicator>

The busyindiacator size "Medium" does not work for frame types "OneByOne", "TwoByOne" or "TwoThrids".

So I think you should really reconsider your decision in #2756. The card component does not work for the Firori style guidelines and a GenericTile.

[petyabegovska]

Hi @C3ntraX,

Do you have use cases for different types of Tiles as described byUX: https://experience.sap.com/fiori-design-web/tile/ or need just this one with Title, Subtitle and logo? We need to evaluate further whether and how Cards can be reused.

Thanks and best regards, Petya

[C3ntraX]

Hello @petyabegovska,

we usually use the tile for dashboards with title, subtitle and logo.

See: https://sdk.openui5.org/entity/sap.m.GenericTile/sample/sap.m.sample.GenericTileAsLaunchTile

https://sdk.openui5.org/api/sap.m.GenericTile#overview

BR

[petyabegovska]

Hi @C3ntraX,

I want to provide you with some update. We tried to make the Tile with the Card component in two ways:

• With interactive header: https://codesandbox.io/s/ui5-webcomponents-forked-my71oh?file=/index.html
• With tag and no header: https://codesandbox.io/s/ui5-webcomponents-forked-6uhr9b

Several issues appeared:

• No option to make the full card clickable, must add tag around the card or only header to be clickable
• Not so easy to align the content if you also have a header
• Accessibility does not come automatically if you use tag around the card
• Cards are not made to work with limited height, content will often brake or not behave as expected if height is limited. App developer has to take care of this on his own.

So the Card can be reused but with some limitations. Note: Only the Launch Tile has been analysed.

We will follow-up additionally on the issues and discuss the need for Tile component with UX, but implementation will not be planned in near future.

Best regards, Petya