Copied from: https://groups.google.com/g/idempiere/c/SqhhKshiBZI/m/WhjZaZEHBgAJ

I need to improve grid view in portrait mode on a cell phone. The reason for change is that you can only see one or two columns due to limited pixel width. The purpose of this email is to brainstorm options.

I believe the best solution is to simply replace identifier separators with line breaks below certain resolutions. You can then include a column that summarizes the line using separators. Potentially, this can be the record's primary key (showing identifiers).

Doing so (a) shows the most important data first and (b) reduces the need to scroll right.

Image

Changes:

1. Responsive AD Window Grid View - Limit Column Width and use Text Wrapping to Reduce Scrolling Right

   1. Use line break to replace identifier separator (SysConfig ZK_GRID_MOBILE_LINE_BREAK_AS_IDENTIFIER_SEPARATOR)

   2. enable text wrapping for column header and content

   3. use smaller default width for mobile devices

   4. Default hide current row indicator for mobile (SysConfig ZK_GRID_MOBILE_SHOW_CURRENT_ROW_INDICATOR)

   5. Default disable AD Window grid view edit mode (SysConfig ZK_GRID_MOBILE_EDITABLE)

2. The Grid Customization dialog sizing is wrong at master branch.

3. Swipe Gesture at AD Window Form view - Swipe right for previous, Swipe left for next.

4. Sizing of menu search/lookup popup is off.

5. Change role not working correctly at mobile

6. Some button size is wrong at info window.

7. Split divider not movable at info window.

8. Increase default font size to 16px.

9. Record Change Log - default to time line view for mobile.

10. AD Window - always show message as notication to avoid message overlapped with record info.

11. AD Window - add customize grid view button to detail toolbar.