Hi, everyone, Apex 20.1 here,
Please see screen shot here: for order entry, half of my columns are display-only, some display-only columns need to be submitted too (i.e "Price" is computed based on quantity break and promotional schemes which vary weekly). I can't use READ-ONLY or DISPLAY-ONLY columns as they are not settable, TextField has to be used, to make these display-only columns visually different, I put CSS classes "is-readonly no-pointer( my class--- pointer:none)" to gray out them and make them mouse unclickable, still TAB stops at these display-only fields ( see photo, having focus on such fields give users wrong impression that they may be able to manipulate such columns, in addition to slowing down data entry ), an HTML element tabindex="-1" is added to disable Tab Navigation ( custom attributes), but that doesn't work. I checked the html source and verified tabindex="-1" is added to the right html element , further the same tabIndex="-1" works fine for a PageItem.
Is textfield for IG column different from textfield for pageItem? how can I achieve a real display-only column effect ( non navigable or editable but still settable by program)? If tabindex works, I can have real display-only columns, albeit visual only. Any help is greatly appreciated