#044 - More user experience (UX) features for NAB forms and toolbars

[Iwona]

#044 - More user experience (UX) features for NAB forms and toolbars


SUMMARY: In this month's Valence Developer Diaries the CNX Dev team brought focus to UX (user experience) features in Nitro App Builder, with an emphasis on forms and toolbars. Topics covered in this episode include:

• Disabling the browser's tendency to make automatic suggestions inside form fields, which are not helpful in some scenarios
• Putting cursor focus into a particular form field by name, thereby providing users a less clicky/tabby data entry experience
• Populating a widget from another widget's data without requiring a back-end RPG call (per request from the previous DD episode)

?

URL:? https://youtu.be/ShhVPfd_i38?si=1vq7XswkyA1aR9qD

Screenshot 2025-09-22 at 4.18.40 PM.png

TIMESTAMPS AND FEATURES COVERED:?

01:10 - Reviewing the app and grid setup for the example app used in browser's automatic suggestions
03:05 - Form UI option - Turn off Browser Suggestions
03:45 - Putting cursor focus into a particular form field by name review
05:30 - Creating App Variable focusFieldName
05:50 - Link the App Variable to Widget Properties
06:35 - Cell Click Fire Event example
07:55 - Setting up Even Listeners in the NAB behaviors corresponding to fired Events
10:15 - App Settings - Don't Auto Focus
12:45 - Populating a widget from another widget's data review
14:10 - Setting up populating a widget from another widget's data
15:05 - Creating a customerData app variable
15:35 - Link widget properties
16:00 - Set App Variable property - nabAllData
17:50 - hasChanged widget property in NAB example
19:30 - NAB Developer Tools feature: Widget Fields - reloading the customer list - Network - ability to drill in to the call to search the results
21:15 - Hidden fields are also included and applied when populating a widget from another widget's data?