Kendo UI for Angular Documentation

This sample project demonstrates how to integrate the Kendo UI for Angular Grid with Charts.

Key Functionality:

• Select rows within a Grid.
• Use a right-click context menu to choose different chart types.
• Render the selected chart within a configurable Window component.
• Includes support for exporting the rendered charts.

The Spreadsheet App demonstrates the usage of the following Kendo UI for Angular components:

• Buttons
• Notification
• Toolbar

This project demonstrates how to connect the Kendo UI for Angular Chat component with Google Dialogflow V2. The architecture consists of an Angular client-side application and an Express server. The server acts as a bridge, communicating with Google Dialogflow using the official Node.js Client library.

This integration pattern is useful for building conversational interfaces where the Kendo UI Chat component handles the UI/UX, while Dialogflow manages the Natural Language Understanding (NLU) and intent processing.

Architecture: 
- Client: Angular 9 application
- Server: Express server
- Communication: Node.js Dialogflow Client

The Personal Finance App prototype demonstrates the following Kendo UI for Angular components:

• Buttons
• Charts
• Conversational UI (AI Prompt)
• DateInputs
• DropDowns
• Gauges
• Grid
• Icons
• Inputs
• Layout
• ProgressBar

The Finance Portfolio application demonstrates the integration of several Kendo UI for Angular components to create an interactive data visualization dashboard. The following components are utilized:

• Grid: For tabular data display.
• Charts: For data visualization.
• DateInputs: For date selection and filtering.
• DropDowns: For selection menus.
• Splitter: For layout management.
• Buttons: For user actions.
• Theme: Uses the Kendo Theme Bootstrap for styling.

The repository contains several standalone sample applications demonstrating real-world usage of Kendo UI components. You can find these in the examples-standalone directory.

Featured Examples:

• Healthcare App: Healthcare management workflows.
• Grid with CSP: Implementing Content Security Policy with the Grid.
• Finance Portfolio: Financial dashboards.
• Coffee Warehouse: A complete business application.
• Internationalization: Localization and i18n support.
• Grid & Charts Integration: Combining Grid and Chart components.
• Grid Performance: Optimization techniques for large datasets.
• Electron Dashboard: Building desktop applications with Electron.
• Angular Universal: Server-side rendering (SSR) implementation.
• Employee Onboarding: HR workflow examples.

The integration example showcases the following capabilities:

Grid Component

• Displays a list of products.
• Supports client-side sorting, filtering, grouping, and paging using the process helper.
• Implements full CRUD (Create, Read, Update, Delete) operations against the Spring Boot server.

Upload Component

• Demonstrates file upload functionality directly to the backend server.

The CryptoVault prototype demonstrates the integration of several Kendo UI for Angular components to build a dashboard with live data:

• Grid: Used for displaying the primary data set.
• Charts: Used for data visualization.
• AppBar: Used for application navigation/header.
• Badge: Used for status indicators.
• Icon: Used for visual cues.
• Card: Used for layout and grouping content.
• Buttons: Used for user interactions.

The Grid Performance sample project demonstrates the following Kendo UI for Angular components:

• Grid: Used for displaying large datasets with optimized performance.
• Buttons: Used for UI interactions.
• Inputs: Used for data entry or filtering.