As part of the series of product update videos on AgilePoint NX v9.0 release, the next one I would like to share are a set of enhancements to a very popular control, the Data Grid. Since Data Grid control is widely used across our customer base, a few enhancement requests popped up over the years during application development. We have been addressing those enhancement requests in subsequent releases over the years but we have been seeing an increasing trend where Data Grid rendering standards have been changing drastically to include more visual UX elements.
The first feature on the list is Column Templating. Form developers can create visual elements and include scenario specific content in the table such as graphs, icons, animations, progress bar, symbols and any other custom content that one can insert via HTML and JavaScript hence dynamically readjusting the UI for the static or dynamic data on the table.
Next in the line, we have introduced a visual mechanism to allow the end users to rearrange the columns via drag-n-drop. Additionally, a caching feature has been implemented to remember the filtering settings and the column order across form sessions. So, next time this eForm page is loaded in the same browser, the end user’s grid customizations/preferences are automatically pre-loaded.
Let’s go through these in the product demo video.
Note: Please note that this video is recorded while this feature is in beta version. Some of the labels and icons might change by the time it goes GA but the general concept of configuring these activities would remain the same.
For additional information on the syntax for column templating, please refer to the Kendo UI documentation
In case you want to see the actual sample app, please download it using the below link.
In the zip file you, would find a data entity which needs to be imported before importing the app. Please note that this sample will only be applicable for AgilePoint NX v9 and above.