{"id":28386469,"url":"https://github.com/igniteui/igniteui-xplat-examples","last_synced_at":"2025-07-22T02:31:36.769Z","repository":{"id":37856572,"uuid":"366080899","full_name":"IgniteUI/igniteui-xplat-examples","owner":"IgniteUI","description":null,"archived":false,"fork":false,"pushed_at":"2025-06-24T22:41:38.000Z","size":9858,"stargazers_count":2,"open_issues_count":64,"forks_count":1,"subscribers_count":30,"default_branch":"25.1","last_synced_at":"2025-06-26T13:46:38.393Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"C#","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/IgniteUI.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":".github/CODEOWNERS","security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2021-05-10T14:58:37.000Z","updated_at":"2025-06-19T10:30:52.000Z","dependencies_parsed_at":"2023-10-26T12:45:21.256Z","dependency_job_id":"4c2171b7-091d-4348-a752-b64f25c1611a","html_url":"https://github.com/IgniteUI/igniteui-xplat-examples","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/IgniteUI/igniteui-xplat-examples","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IgniteUI%2Figniteui-xplat-examples","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IgniteUI%2Figniteui-xplat-examples/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IgniteUI%2Figniteui-xplat-examples/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IgniteUI%2Figniteui-xplat-examples/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/IgniteUI","download_url":"https://codeload.github.com/IgniteUI/igniteui-xplat-examples/tar.gz/refs/heads/25.1","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IgniteUI%2Figniteui-xplat-examples/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":266412237,"owners_count":23924471,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-07-22T02:00:09.085Z","response_time":66,"last_error":null,"robots_txt_status":null,"robots_txt_updated_at":null,"robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-05-30T14:43:16.899Z","updated_at":"2025-07-22T02:31:36.752Z","avatar_url":"https://github.com/IgniteUI.png","language":"C#","readme":"\n\u003cdiv style=\"display: flex; flex-flow: row; font-family: 'Titillium Web'\"\u003e\n    \u003cimg style=\"border-radius: 0.25rem\" alt=\"ignite-ui\" src=\"https://raw.githubusercontent.com/IgniteUI/igniteui-xplat-docs/vnext/doc/en/images/readme/ig-banner.png\"/\u003e\n\u003c/div\u003e\n\n# Cross-Platform Examples for Ignite UI Components\n\nThis repository provides source code for:\n- [cross-platform samples](./samples) of Ignite UI components for Angular, Blazor, React, WebComponents, and WPF platforms. Currently, we support the following components: [Category Chart](./samples/charts/category-chart), [Data Chart](./samples/charts/data-chart), [Financial Chart](./samples/charts/financial-chart), [Pie Chart](./samples/charts/pie-chart), [Radial Gauge](./samples/gauges/radial-gauge), [Data Grid](./samples/grids/grid), [Hierarchical Grid](./samples/grids/hierarchical-grid), [Pivot Grid](./samples/grids/pivot-grid), [Tree Grid](./samples/grids/tree-grid)\n- [code-gen-library](./code-gen-library) with data sources and event handlers used in [cross-platform samples](./samples)\n- [editor-templates](./editor-templates) are platform specific applications used for exporting [cross-platform samples](./samples)\n\n\u003cdiv style=\"display: flex; flex-flow: row; font-family: 'Titillium Web'\"\u003e\n    \u003c!-- \u003cdiv style=\"font-size: 2.5rem; align-self: start; justify-content: start; margin: 0px; margin-left: 0.5rem; margin-right: 0.5rem; \"\u003eExamples\u003c/div\u003e --\u003e\n    \u003c!-- \u003cimg height=\"70px\" style=\"border-radius: 0.25rem\" alt=\"ignite-ui\" src=\"./browser/public/logo-ignite-ui.svg\"/\u003e --\u003e\n    \u003c!-- \u003cdiv style=\"font-size: 2.5rem; margin: 0px; margin-left: 0.5rem; margin-right: 0.5rem; color: white; \"\u003efor Web Components \u003c/div\u003e --\u003e\n\u003c/div\u003e\n\n## Table of Contents\n\n- [Using Cross-Platform Editor](#Using-Cross-Platform-Editor)\n- [Updating Editor Templates](#Updating-Editor-Templates)\n\n## Using Cross-Platform Editor\n\nYou can use the [Cross Platform Editor](https://infragistics.visualstudio.com/NetAdvantage/_git/ig-editor-desktop) WPF application to render and export cross-platform examples to Angular, Blazor, React, WebComponents, and WPF platforms.\n\n### Pie Chart Example\n\u003cimg style=\"height: 300px\" src=\"./notes/pie-chart.png\"  /\u003e\n\n### Category Chart Example\n\u003cimg style=\"height: 300px\" src=\"./notes/category-chart.png\"  /\u003e\n\n### Data Chart Example\n\u003cimg style=\"height: 300px\" src=\"./notes/data-chart.png\" /\u003e\n\n### Financial Chart Example\n\u003cimg style=\"height: 300px\" src=\"./notes/financial-chart.png\"  /\u003e\n\n### Radial Gauge Example\n\u003cimg style=\"height: 300px\" src=\"./notes/radial-gauge.png\"  /\u003e\n\n\n## Updating Editor Templates\n\nThe [Editor-Templates](editor-templates) folder contains templates for converting XPLAT samples into platform specifc samples. You **must update** those templates in the following order:\n\n1. Create AND merge a pull request with updated packages in `browser` AND `samples` folders of the following repositories:\n- [igniteui-angular-examples](https://github.com/IgniteUI/igniteui-angular-examples)\n- [igniteui-blazor-examples](https://github.com/IgniteUI/igniteui-blazor-examples)\n- [igniteui-react-examples](https://github.com/IgniteUI/igniteui-react-examples)\n- [igniteui-wc-examples](https://github.com/IgniteUI/igniteui-wc-examples)\n\n2. Create AND merge a pull request with updated packages in the [Editor-Templates](editor-templates) folder in this repository.\n\nAbove order of creating and merging pull requests is important to avoid stale samples and prevent building issues in platform specifc sample browsers.\n\n## Creating Volume Branch in Code Exporter App Repo\n\n- create **new volume branch** (e.g. 2025.1) in [code exporter app](https://infragistics.visualstudio.com/NetAdvantage/_git/code-exporter-app) repo\n\n- update the included branches in [build-pipeline.yml](https://infragistics.visualstudio.com/NetAdvantage/_git/code-exporter-app?path=/azure-pipelines/build-pipeline.yml)\n\n\n- move the old volume branch (e.g. 24.2) to excluded branches in [build-pipeline.yml](https://infragistics.visualstudio.com/NetAdvantage/_git/code-exporter-app?path=/azure-pipelines/build-pipeline.yml)\n\n- update the definition ID for WPF product in [build-pipeline.yml](https://infragistics.visualstudio.com/NetAdvantage/_git/code-exporter-app?path=/azure-pipelines/build-pipeline.yml\u0026version=GB2024.2\u0026line=46\u0026lineEnd=47\u0026lineStartColumn=1\u0026lineEndColumn=1\u0026lineStyle=plain\u0026_a=contents)\n\n- update version of code-exporter-app (e.g. 25.1.0.1000) in [CodeExporter.App.csproj](https://infragistics.visualstudio.com/NetAdvantage/_git/code-exporter-app?path=/CodeExporter.App.csproj)\n\n- update version of WPF package references (e.g. 25.1.*) in [CodeExporter.App.csproj](https://infragistics.visualstudio.com/NetAdvantage/_git/code-exporter-app?path=/CodeExporter.App.csproj)\n\n- publish the new branch\n\n- wait for a successful build of code-exporter-app on this [website](https://infragistics.visualstudio.com/NetAdvantage/_build?definitionId=261)\n\n\n## Creating Volume Branch in XPLAT-examples Repo\n\n- complete steps in previous section\n\n- create **new volume branch** (e.g. 25.1) in [xplat-examples](https://github.com/IgniteUI/igniteui-xplat-examples) repo\n\n- update the included branches in [build-pipeline.yml](https://github.com/IgniteUI/igniteui-xplat-examples/blob/24.2.x/azure-pipelines/build-pipeline.yml)\n\n- move the old volume branch (e.g. 24.2) to excluded branches in [build-pipeline.yml](https://github.com/IgniteUI/igniteui-xplat-examples/blob/24.2.x/azure-pipelines/build-pipeline.yml)\n\n- update codeExporterAppBranch to the **new volume branch** (e.g. 2025.1) [build-pipeline.yml](https://github.com/IgniteUI/igniteui-xplat-examples/blob/24.2.x/azure-pipelines/build-pipeline.yml)\n\n- update the included branches in [dev-run-pipeline.yml](https://github.com/IgniteUI/igniteui-xplat-examples/blob/24.2.x/azure-pipelines/dev-run-pipeline.yml)\n\n- move the old volume branch (e.g. 24.2) to excluded branches in [dev-run-pipeline.yml](https://github.com/IgniteUI/igniteui-xplat-examples/blob/24.2.x/azure-pipelines/dev-run-pipeline.yml)\n\n- update codeExporterAppBranch to the **new volume branch** (e.g. 2025.1) [dev-run-pipeline.yml](https://github.com/IgniteUI/igniteui-xplat-examples/blob/24.2.x/azure-pipelines/dev-run-pipeline.yml)\n\n- publish the **new volume branch** in the [xplat-examples](https://github.com/IgniteUI/igniteui-xplat-examples) repo\n \n- change the default branch to the **new volume branch** in github setting of the [xplat-examples](https://github.com/IgniteUI/igniteui-xplat-examples) repo\n\n- add branch protection rules for the **new volume branch** in github setting of the [xplat-examples](https://github.com/IgniteUI/igniteui-xplat-examples) repo\n\n- update existing pull requests to target the **new volume branch** in github setting of the [xplat-examples](https://github.com/IgniteUI/igniteui-xplat-examples) repo","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Figniteui%2Figniteui-xplat-examples","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Figniteui%2Figniteui-xplat-examples","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Figniteui%2Figniteui-xplat-examples/lists"}