Tweet
#042 - NAB Grid specific UI tips
SUMMARY: In this session the CNX Dev team demonstrated a couple related UI topics: The new Transform to Dropdown Grid option for filters, forms and grids; and the various "slim" UI modes available for both forms and grids, with a walkthrough on how the desired mode can be globally applied to all widgets in an app, with exceptions applied on specific widgets where needed.
URL: https://youtu.be/RP7SeP7-kgY?si=lZ7-6JFs4d4TbYji
Screenshot 2025-07-10 at 10.46.50?AM.png
TIMESTAMPS AND FEATURES COVERED:
00:14 - Introduction to "dropdowngrid" usage
01:05 - Key differences between the new "dropdowngrid" and traditional lookups in NAB
02:45 - How to configure a "dropdowngrid" in NAB
04:10 - Example of a "dropdowngrid" in a NAB example app
06:00 - When to use a "dropdowngrid" instead of a combo box/dropdown for fields with extensive data
07:45 - Filtering options available in the "dropdowngrid"
10:00 - Setting app variables using the "dropdowngrid"
11:30 - Implementing the "dropdowngrid" in an Edit Grid
15:20 - Example of "dropdowngrid" usage within an Edit Grid
18:10 - NAB widgets – introducing the new Ultra Slim View UI option
18:50 - Comparing Ultra Slim View, Slim View, and Regular View: use cases and differences
20:00 - How theming in NAB apps is influenced by the Ultra Slim View option
21:50 - How to use "Widget Level UI"
23:10 - Differences between default Slim and Ultra Slim views
24:30 - Creating a dynamic "dropdowngrid" based on another field, with filtered results??
SUMMARY: In this session the CNX Dev team demonstrated a couple related UI topics: The new Transform to Dropdown Grid option for filters, forms and grids; and the various "slim" UI modes available for both forms and grids, with a walkthrough on how the desired mode can be globally applied to all widgets in an app, with exceptions applied on specific widgets where needed.
URL: https://youtu.be/RP7SeP7-kgY?si=lZ7-6JFs4d4TbYji
Screenshot 2025-07-10 at 10.46.50?AM.png
TIMESTAMPS AND FEATURES COVERED:
00:14 - Introduction to "dropdowngrid" usage
01:05 - Key differences between the new "dropdowngrid" and traditional lookups in NAB
02:45 - How to configure a "dropdowngrid" in NAB
04:10 - Example of a "dropdowngrid" in a NAB example app
06:00 - When to use a "dropdowngrid" instead of a combo box/dropdown for fields with extensive data
07:45 - Filtering options available in the "dropdowngrid"
10:00 - Setting app variables using the "dropdowngrid"
11:30 - Implementing the "dropdowngrid" in an Edit Grid
15:20 - Example of "dropdowngrid" usage within an Edit Grid
18:10 - NAB widgets – introducing the new Ultra Slim View UI option
18:50 - Comparing Ultra Slim View, Slim View, and Regular View: use cases and differences
20:00 - How theming in NAB apps is influenced by the Ultra Slim View option
21:50 - How to use "Widget Level UI"
23:10 - Differences between default Slim and Ultra Slim views
24:30 - Creating a dynamic "dropdowngrid" based on another field, with filtered results??