Mobile Improvements

Description

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.

Environment

None

Activity

Show:
Chuck Boecking
October 15, 2020, 4:10 PM

Works like a champ! This is extremely convenient. Thank you!

Carlos Ruiz
October 26, 2020, 3:36 PM

Hi, the change on the font size looks good, but a user commented it looks like an "Accessibility" font.

Proposing a change on the font with pull request 324 there is a proposal to change the font.

I think it looks better, screenshot:

WDYT?

Regards,

Carlos Ruiz

Chuck Boecking
October 26, 2020, 4:28 PM

I do not have strong opinions. Chuck

Hiep Lq
October 27, 2020, 2:51 AM

do we need to change font size by mobile?

set font on <library-property> is depreciate sine zk 7

maybe next release (9.0) of zk change to new method https://www.zkoss.org/wiki/ZK_Developer%27s_Reference/Theming_and_Styling/Creating_Custom_Themes/Theme_Template

so can set font base on device

Heng Sin Low
October 27, 2020, 2:56 AM

Hi ,

We have already make the font size changes for mobile at default/theme.css.dsp (line 28).

Regards,

Low

Assignee

Heng Sin Low

Reporter

Chuck Boecking

Labels

None

Tested By

None

Components

Fix versions

Affects versions

Priority

Major
Configure