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 specific samples. You must update those templates in the following order:

1. Follow the Updating Packages in Samples instructions in all the following repositories to create AND merge a pull request with updated packages:

• 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 the igniteui-xplat-examples repository.

NOTE: Above order of steps is important and PRs made in step #1 must be merged before merging PR in step #2 such that it prevents stale samples and building issues in platform specific sample browsers.

Creating Volume Branch in Code Exporter App Repo

• create new volume branch (e.g. 2025.1) in code exporter app repo off of the main branch with name of last volume release

• update the included branches in build-pipeline.yml

• move the old volume branch (e.g. 25.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. 2025.1) in code exporter app repo off of the main branch with name of last volume release

• update the included branches in build-pipeline.yml

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

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

• move the old volume branch (e.g. 25.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