The All New Revised Grid Control in Progress Rollbase

The All New Revised Grid Control in Progress Rollbase

Posted on October 21, 2016 0 Comments
The All New Revised Grid Control in Progress Rollbase_870x220

Progress Rollbase now includes a new and improved grid control. Using Kendo UI widgets, the new control is more beautiful and powerful than ever.

Progress Rollbase is well known for developing productive enterprise applications which are user friendly with an enriched UI. Rollbase now introduces the all new revised grid control, which has all the options that users want. We've made a lot of improvements over the previous grid control, which had limited style appeal and a few other limitations such as client side validations, main & link lookup functionality and Group of Checkboxes UI.

The new revised Kendo UI-based grid control is rich with various features and is responsive in nature. See how the new grid control stands out compared to the previous grid control:

Previous Grid Control



New Revised Grid Control

How to Configure the New Grid Control

The new revised grid control was introduced in the Rollbase v4.3.1.0.0 release. By default, it is not enabled for the customers. To enable it, take the following steps:

  • Go to setup home, and then click on the "Preferences" link which (available in the "Administration Setup" section)
  • Check the "Revised Grid Control" checkbox and save it
  • Go to any new/edit record page which has grid control and observe the new revised grid control

Functionality Add-ons in the Revised Grid Control

  • Client-side validation

Now, grid control fields support client side validations such as required flag, validation of date values for date and date & time fields, input mask validation of text fields, etc.


  • Main Lookup/Link Lookup functionality

Rollbase supports filtering the values of one lookup field (means child or link lookup) based on the value of another lookup field (means parent or main lookup). This main and link lookup functionality is now available for lookup fields which are configured in the grid control component.

Main & Link Lookups

  • Integration with client-side SDK & other API enhancements

We introduced custom Events for the grid control component such as RowCreate, RowDelete and FieldUpdate. The GridControl component can now be accessed as a PageComponent object.

rbf_getPageComponent(componentId) where componentId is the original PageCell id of GridControl.

or

rbf_getGridControlComponent(gridNo) where gridNo is the order in which this GridControl component appears on the page.

Ex: first GridControl component can be accessed as rbf_getGridControlComponent(0);

Create a custom button with the following code snippet. Clicking on that button will add a new row to the grid control and in the browser console, the message "Row Created" will be shown.

var taskGrid = rbf_getGridControlComponent(0);
taskGrid.addEventListener(rb.newui.util.customEvents.rbs_gridControlRowCreate, function () { console.log('Row Created'); });
taskGrid.addGridRow();

 

  • Form page dirty notification

If user adds a record or updates a record in the grid control, then the page is marked as dirty. Now, if the user wants to go to any other page then the user will see a dirty page notification, which will allow him to stay or proceed to the next page.

  • URL Input field

In the previous grid control, the URL field was not configurable, whereas it can be configured in the new revised grid control

  • Group of Checkboxes UI

The Group of Checkboxes field in previous grid control was rendered as a multi-picklist. Now, it's rendered properly.

  • Kendo UI Widgets such as Date and Time

In the previous grid control, an HTML date picker was available for date and date & time fields, which had minimal functionality. In the new revised grid control, it contains a Kendo UI date picker, which has a rich UI and lot of functionality such as the easy selection of months and years.

  • Tabbing across the fields

Accessing the fields of the grid control using tab on your keyboard was not supported in the previous grid control. In the new revised grid control, you can.

A Versatile and Beautiful Grid Control

The new revised grid control helps you create responsive grid controls in your enterprise applications easily. It has a lot of attractive features such as client slide validations, main lookup/link lookup functionality, integrations with client side SDK and much more. It really helps you get a cool, attractive look for your application pages that contain grid controls with a bunch of great additional features.

Learn more about the grid control in our documentation, and check out what else is new in Rollbase.

Chandrasekhar Gontla

Chandrasekhar Gontla

Chandrasekhar Gontla is currently working with Progress as a Senior QA Engineer. He holds Masters in Computer Applications from Osmania University, Hyderabad. He has strong knowledge in SaaS and PaaS products testing. He has written several whitepapers and blog posts on various topics related Rollbase and Cloud, and is an expert in UI testing for large-scale web-based Cloud applications. He has also given technology talks about Rollbase at various events such as Progress Exchange.

Comments

Comments are disabled in preview mode.
Topics

Sitefinity Training and Certification Now Available.

Let our experts teach you how to use Sitefinity's best-in-class features to deliver compelling digital experiences.

Learn More
Latest Stories
in Your Inbox

Subscribe to get all the news, info and tutorials you need to build better business apps and sites

Loading animation