| ID | Project | Category | View Status | Date Submitted | Last Update |
|---|---|---|---|---|---|
| 0020790 | MMW 5 | General | public | 2024-03-30 20:25 | 2024-05-23 21:47 |
| Reporter | zvezdan | Assigned To | |||
| Priority | none | Severity | minor | Reproducibility | N/A |
| Status | closed | Resolution | fixed | ||
| Fixed in Version | 5.1 | ||||
| Summary | 0020790: Margins of Grid view cannot be skinned properly | ||||
| Description | I want Grid view of my skin to look similarly to Windows File Explorer with margins between borders of listview and contained items. I spent I don't know how many hours on this, but it seems it cannot be done properly, simply because you are settings the size of listview in JS. I tried all possible combinations of margin and padding for listview, llvBody, lvFill, lvCanvas and lvViewport, but every attempt has some drawback. Here are my best solutions: 1. causes unnecessary appearance of vertical scrollbar when all tracks are visible: .listview.viewControl[data-id$=Grid] > .lvBody { .padding; } 2. causes truncated right side of the rightmost items and the bottom side of the last row: .listview.viewControl[data-id$=Grid] .lvViewport { .padding; } 3. causes truncated display of the bottom side of the last row: .listview.viewControl[data-id$=Grid] { .paddingSides; & > .lvBody > .lvFill > .lvCanvas > .lvViewport { .marginsColumn; } } Could you please take in account the margins and/or padding of listviews when you determine their sizes in JS? | ||||
| Tags | No tags attached. | ||||
| Fixed in build | 3016 | ||||
- Anonymous
