BFUList and Grid Layout Clarification
See original GitHub issueDoes the BFUList implementation support the grid style layout that is shown on the official FluentUI site?
https://developer.microsoft.com/en-us/fluentui/#/controls/web/list
There seems to be an ItemSize feature, which looks like it’s relevant to when the list is Virtualizing and rendering placeholder content, but it’s unclear if ItemSize should also cover widths for items rendered in a grid.
I have a sample 200x200 div as my ItemTemplate pretending to be a Card or Tile, and all items are rendered in a single column.
I also notice that all of my items are contained by a plain div
with no style, id or other attributes. If I mark that div as display: flex; flex-wrap: wrap; justify-content: space-between
then it seems to do as I wish.
Also, I’ve set specific Style on the BFUList and I’m not seeing that Style applied anywhere.
For reference I’m using <PackageReference Include="BlazorFluentUI.AllComponents" Version="4.0.2" />
Thanks and happy new year.
Issue Analytics
- State:
- Created 3 years ago
- Comments:11
Just tried with latest code (4.0.0-CI-20210102-034411) and it works great.
Thanks for this.
https://github.com/BlazorFluentUI/BlazorFluentUI/commit/f48d4ba7c67c4acbb061b66e25e39ff437d83461