Cross-Platform Examples for Ignite UI Components

This repository provides source code for:

• cross-platform samples of Ignite UI components for Angular, Blazor, React, WebComponents, and WPF platforms. Currently, we support the following components: Category Chart, Data Chart, Financial Chart, Pie Chart, Radial Gauge, Data Grid, Hierarchical Grid, Pivot Grid, Tree Grid
• code-gen-library with data sources and event handlers used in cross-platform samples
• editor-templates are platform specific applications used for exporting cross-platform samples

Table of Contents

• Using Cross-Platform Editor
• Updating Editor Templates

Using Cross-Platform Editor

You can use the Cross Platform Editor WPF application to render and export cross-platform examples to Angular, Blazor, React, WebComponents, and WPF platforms.

Pie Chart Example

Category Chart Example

Data Chart Example

Financial Chart Example

Radial Gauge Example

Updating Editor Templates

The Editor-Templates folder contains templates for converting XPLAT samples into platform specifc samples. You must update those templates in the following order:

1. Create AND merge a pull request with updated packages in browser AND samples folders of the following repositories:

• igniteui-angular-examples
• igniteui-blazor-examples
• igniteui-react-examples
• igniteui-wc-examples

2. Create AND merge a pull request with updated packages in the Editor-Templates folder in this repository.

Above order of creating and merging pull requests is important to avoid stale samples and prevent building issues in platform specifc sample browsers.

Creating Volume Branch in Code Exporter App Repo

• create new volume branch (e.g. 2025.1) in code exporter app repo

• update the included branches in build-pipeline.yml

• move the old volume branch (e.g. 24.2) to excluded branches in build-pipeline.yml

• update the definition ID for WPF product in build-pipeline.yml

• update version of code-exporter-app (e.g. 25.1.0.1000) in CodeExporter.App.csproj

• update version of WPF package references (e.g. 25.1.*) in CodeExporter.App.csproj

• publish the new branch

• wait for a successful build of code-exporter-app on this website

Creating Volume Branch in XPLAT-examples Repo

• complete steps in previous section

• create new volume branch (e.g. 25.1) in xplat-examples repo

• update the included branches in build-pipeline.yml

• move the old volume branch (e.g. 24.2) to excluded branches in build-pipeline.yml

• update codeExporterAppBranch to the new volume branch (e.g. 2025.1) build-pipeline.yml

• update the included branches in dev-run-pipeline.yml

• move the old volume branch (e.g. 24.2) to excluded branches in dev-run-pipeline.yml

• update codeExporterAppBranch to the new volume branch (e.g. 2025.1) dev-run-pipeline.yml

• publish the new volume branch in the xplat-examples repo

• change the default branch to the new volume branch in github setting of the xplat-examples repo

• add branch protection rules for the new volume branch in github setting of the xplat-examples repo

• update existing pull requests to target the new volume branch in github setting of the xplat-examples repo