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.
Responsive AD Window Grid View - Limit Column Width and use Text Wrapping to Reduce Scrolling Right
Use line break to replace identifier separator (SysConfig ZK_GRID_MOBILE_LINE_BREAK_AS_IDENTIFIER_SEPARATOR)
enable text wrapping for column header and content
use smaller default width for mobile devices
Default hide current row indicator for mobile (SysConfig ZK_GRID_MOBILE_SHOW_CURRENT_ROW_INDICATOR)
Default disable AD Window grid view edit mode (SysConfig ZK_GRID_MOBILE_EDITABLE)
The Grid Customization dialog sizing is wrong at master branch.
Swipe Gesture at AD Window Form view - Swipe right for previous, Swipe left for next.
Sizing of menu search/lookup popup is off.
Change role not working correctly at mobile
Some button size is wrong at info window.
Split divider not movable at info window.
Increase default font size to 16px.
Record Change Log - default to time line view for mobile.
AD Window - always show message as notication to avoid message overlapped with record info.
AD Window - add customize grid view button to detail toolbar.
We have already make the font size changes for mobile at default/theme.css.dsp (line 28).
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
I do not have strong opinions. Chuck
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:
Works like a champ! This is extremely convenient. Thank you!