services--education

Customizing Views in Progress Kendo UI Builder

The primary audience for this course is a frontend developer who needs to customize views that are based on the built-in data grid templates in Kendo UI Builder. The audience should already be familiar with the Kendo UI framework, have exposure to Kendo UI Builder, and be proficient in HTML5, JavaScript (ECMAScript 6 standard), AngularJS, and the AngularJS UI-Router framework.

Product Version: Progress OpenEdge Developer Studio 11.7.1 and Progress Kendo UI Builder 2.0.     Duration: Equivalent to 4-6 hours of instructor-led training

Course Description

In this course, you will learn how to customize views that are based on built-in data grid templates in Kendo UI Builder. The course uses a view based on the simple Data Grid view template as an example and covers four use-cases: 

  • Adding Kendo UI components to a view
  • Adding search functionality to a view
  • Adding dropdown functionality to a data grid editor
  • Setting up navigation from a grid record

This course is available at no charge by visiting the Progress Education Community.

What you will learn

After taking this course, you should be able to:

  • Identify which files you modify to customize a view
  • Add custom Kendo UI components to a view
  • Add search functionality to a view
  • Add drop-down functionality to a column in a data grid
  • Navigate to another view from a row in a data grid

Prerequisites

Students should already be able to:

  • Create a Kendo UI project
  • Add data sources, modules, and views in a Kendo UI project
  • Use the Kendo UI framework
  • Write HTML5, JavaScript (ECMAScript 6), and AngularJS code

In addition, students should already be familiar with the AngularJS UI-Router framework.

Related Products

Progress Services

Beyond exceptional tools, our services and training help you build better applications and improve your processes.

More about Progress Professional Services
Have questions?
Contact us