question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

sap.m.List supporting grid layout

See original GitHub issue

Inside the sample “sap.ui.layout.sample.GridTasks” there is a nice approach using StandardListItems inside a Grid layout.

If i want to use such a design in conjunction with sap.m.List, the approach will not work for me, ex.

<l:Grid defaultSpan="L3 M4 S6" class="sapUiSmallMarginTop">
  <List ... with StandardListItem template
</l:Grid>

The list generates a list div and also an <ul> for each <li>, while the GridTask example only generates <li> inside <div class="GridSpan">.

It would be cool to be able to disable the rendered list tags (div, ul) to be able to use the GridTask design also for list supporting growing. I would be able to style my GroupHeader like <l:GridData span="L12 M12 S12" linebreakL="true" linebreakM="true" linebreakS="true" /> and then have three list items in a row!

Maybe semantically this ist no more a List, but i would like to have a growing container with a render template that behaves exactly this way.

Inside SAPUI5 there have been a special widget for this (Special kind of TileContainer), but the widget has been marked as deprecated.

I think, if i would fallback to xml templates, i will not benefit from the Growing feature

<template:repeat list="{Items}" var="field">
  <StandardListItem...
</template:repeat>

What do you mean?

Or mabye there is another approach of using a growing list with a responsive grid layout?

Cheers Holger

Issue Analytics

  • State:closed
  • Created 8 years ago
  • Comments:14 (9 by maintainers)

github_iconTop GitHub Comments

1reaction
hschaefer123commented, Mar 4, 2022

Still using it for years 😉, but maybe update will be good for others.

Also great, that my request lazy loading images was implemented in the meantime, that goes hand-in-hand with the GridList.

Best regards Holger

0reactions
flovogtcommented, Mar 4, 2022

Sorry for the late reply. Like @boghyon already mentioned, the feature is implemented with https://openui5.hana.ondemand.com/api/sap.f.GridList.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Grid List | SAP Fiori Design Guidelines
A grid list item can contain any content. This can include single controls or a combination of controls (for example, using layout containers)....
Read more >
Grid Controls - Documentation - Demo Kit - SAPUI5 SDK
Feature Supported? sap.f.GridContainer sap.f.GridList sap.ui.layout... Number of columns supported Unlimited Unlimited Unlimited Items flow direction Horizontal only Horizontal and vertical Horizontal an... Supports screen‑size breakpoints 1...
Read more >
[ALS] Responsive Grid Layout in SAP Fiori | Put Forms Side by ...
Responsive Grid Layout in SAP Fiori | Put Forms Side by Side in details viewCourse Page: ...
Read more >
Add items to the sap.m.list using declarative support
More details can be found here. Please note that you can't use ListBase as it is just a base implementation of list style...
Read more >
SAP Edition: Add Grid List Item
From what i can see , in the sap.f library GridList and GridListItem is not implemented yet but i am sure you can...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found