From 3fbacfd7fc408b40599b1d49b0f35c868dad3328 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Mon, 1 Dec 2025 10:10:21 +0000 Subject: [PATCH 1/6] Initial plan From b58377ba561cf72b46df096065175c876732d84e Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Mon, 1 Dec 2025 10:19:30 +0000 Subject: [PATCH 2/6] Add Open-Source Libraries topic for Blazor Getting Started section Co-authored-by: MayaKirova <10397980+MayaKirova@users.noreply.github.com> --- .../components/general-getting-started-oss.md | 159 +++++++++++++++++ .../components/general-getting-started-oss.md | 160 ++++++++++++++++++ docfx/en/components/toc.json | 6 + docfx/jp/components/toc.json | 6 + 4 files changed, 331 insertions(+) create mode 100644 doc/en/components/general-getting-started-oss.md create mode 100644 doc/jp/components/general-getting-started-oss.md diff --git a/doc/en/components/general-getting-started-oss.md b/doc/en/components/general-getting-started-oss.md new file mode 100644 index 000000000..25e625513 --- /dev/null +++ b/doc/en/components/general-getting-started-oss.md @@ -0,0 +1,159 @@ +--- +title: Getting Started | {ProductName} Open-Source Libraries | Infragistics +_description: Use Infragistics' Open-Source {Platform} components to create apps with lightweight, MIT licensed components including Grid Lite. Try now. +_keywords: {ProductName}, Infragistics, Getting Started, Open-Source, MIT License +mentionedTypes: [] +--- +# Getting Started with Open-Source Libraries + +This topic provides step-by-step instructions for creating Blazor applications with the Ignite UI for Blazor open-source libraries using Visual Studio. + +## Overview + +{ProductName} offers open-source UI components under the MIT license. These lightweight packages provide essential functionality for building modern web applications without requiring a commercial license. + +The open-source libraries include: + +- **IgniteUI.Blazor.Lite** - A lightweight package containing open-source UI components +- **IgniteUI.Blazor.GridLite** - A lightweight, open-source data grid component + +## Create a New Blazor Project + +Start Visual Studio 2022 and click **Create a new project** on the start page, select a Blazor template such as **Blazor Server App**, **Blazor WebAssembly App**, or **Blazor Web App**, and click **Next**. + +Provide a project name and location, then click **Next**. + +Specify additional project options and click **Create**. + +## Install IgniteUI.Blazor.Lite + +The IgniteUI.Blazor.Lite package contains open-source UI components delivered via NuGet. + +In Visual Studio, open the NuGet package manager by selecting **Tools** → **NuGet Package Manager** → **Manage NuGet Packages for Solution**. Search for and install the **IgniteUI.Blazor.Lite** NuGet package. + +NuGet Version + +[View on NuGet](https://www.nuget.org/packages/IgniteUI.Blazor.Lite) + +Or install via the Package Manager Console: + +```cmd +Install-Package IgniteUI.Blazor.Lite +``` + +Or via .NET CLI: + +```cmd +dotnet add package IgniteUI.Blazor.Lite +``` + +## Register IgniteUI.Blazor.Lite + +### .NET 6 and Later Applications + +1 - Open the **Program.cs** file and register the Ignite UI for Blazor Service by calling **builder.Services.AddIgniteUIBlazor** function: + +```razor +var builder = WebApplication.CreateBuilder(args); + +// Add services to the container. +builder.Services.AddRazorPages(); +builder.Services.AddServerSideBlazor(); + +builder.Services.AddIgniteUIBlazor(); + +var app = builder.Build(); +``` + +2 - Add the **IgniteUI.Blazor.Controls** namespace in the **_Imports.razor** file: + +```razor +@using IgniteUI.Blazor.Controls +``` + +3 - Add the Style Sheet in the appropriate location based on your project type: + +For Blazor Server Apps, add to **Pages/_Layout.cshtml** or **Pages/_Host.cshtml**: + +```razor + + + +``` + +For Blazor WebAssembly Apps, add to **wwwroot/index.html**: + +```razor + + + +``` + +4 - Add Script Reference: + +```razor + +``` + +## Grid Lite + +The Grid Lite component is a lightweight, open-source data grid that provides essential features for displaying tabular data. + +### Install IgniteUI.Blazor.GridLite + +In Visual Studio, open the NuGet package manager by selecting **Tools** → **NuGet Package Manager** → **Manage NuGet Packages for Solution**. Search for and install the **IgniteUI.Blazor.GridLite** NuGet package. + +NuGet Version + +[View on NuGet](https://www.nuget.org/packages/IgniteUI.Blazor.GridLite) + +Or install via the Package Manager Console: + +```cmd +Install-Package IgniteUI.Blazor.GridLite +``` + +Or via .NET CLI: + +```cmd +dotnet add package IgniteUI.Blazor.GridLite +``` + +### Grid Lite Features + +The Grid Lite component includes the following features: + +- Column Filtering +- Column Hiding +- Column Resizing +- Column Sorting +- Row Virtualization +- Accessibility Support +- Themes and Styling +- Column Data Types + +### Using Grid Lite + +Add the Grid Lite component to your razor page: + +```razor + + + +@code { + private object[] data = new object[] + { + new { Name = "John", Age = 30, City = "New York" }, + new { Name = "Jane", Age = 25, City = "Los Angeles" }, + new { Name = "Bob", Age = 35, City = "Chicago" } + }; +} +``` + +For more detailed information about Grid Lite features and configuration, see the [Grid Lite Overview](grid-lite/overview.md) topic. + +## Additional Resources + +- [Open-Source vs Premium Components](general-open-source-vs-premium.md) +- [Grid Lite Overview](grid-lite/overview.md) +- [GitHub Repository]({GithubLinkLite}) diff --git a/doc/jp/components/general-getting-started-oss.md b/doc/jp/components/general-getting-started-oss.md new file mode 100644 index 000000000..db196137d --- /dev/null +++ b/doc/jp/components/general-getting-started-oss.md @@ -0,0 +1,160 @@ +--- +title: 作業の開始 | {ProductName} オープンソース ライブラリ | インフラジスティックス +_description: インフラジスティックスのオープンソース {Platform} コンポーネントを使用して、Grid Lite などの軽量な MIT ライセンス コンポーネントでアプリを作成します。今すぐお試しください。 +_keywords: {ProductName}, Infragistics, 作業の開始, オープンソース, MIT ライセンス +mentionedTypes: [] +_language: ja +--- +# オープンソース ライブラリを使用した作業の開始 + +このトピックでは、Visual Studio を使用して Ignite UI for Blazor オープンソース ライブラリで Blazor アプリケーションを作成する手順を説明します。 + +## 概要 + +{ProductName} は、MIT ライセンスの下でオープンソース UI コンポーネントを提供しています。これらの軽量パッケージは、商用ライセンスを必要とせずに、最新の Web アプリケーションを構築するための重要な機能を提供します。 + +オープンソース ライブラリには以下が含まれます: + +- **IgniteUI.Blazor.Lite** - オープンソース UI コンポーネントを含む軽量パッケージ +- **IgniteUI.Blazor.GridLite** - 軽量のオープンソース データ グリッド コンポーネント + +## 新しい Blazor プロジェクトを作成 + +Visual Studio 2022 を起動し、スタート ページの **新しいプロジェクトの作成** をクリックし、**Blazor Server App**、**Blazor WebAssembly App**、または **Blazor Web App** などの Blazor テンプレートを選択して、**次へ** をクリックします。 + +プロジェクト名と場所を入力し、**次へ** をクリックします。 + +追加のプロジェクト オプションを指定し、**作成** をクリックします。 + +## IgniteUI.Blazor.Lite をインストール + +IgniteUI.Blazor.Lite パッケージには、NuGet 経由で配布されるオープンソース UI コンポーネントが含まれています。 + +Visual Studio で、**ツール** → **NuGet パッケージ マネージャー** → **ソリューションの NuGet パッケージの管理** を選択して NuGet パッケージ マネージャーを開きます。**IgniteUI.Blazor.Lite** NuGet パッケージを検索してインストールします。 + +NuGet Version + +[NuGet で見る](https://www.nuget.org/packages/IgniteUI.Blazor.Lite) + +または、パッケージ マネージャー コンソールでインストール: + +```cmd +Install-Package IgniteUI.Blazor.Lite +``` + +または .NET CLI でインストール: + +```cmd +dotnet add package IgniteUI.Blazor.Lite +``` + +## IgniteUI.Blazor.Lite を登録 + +### .NET 6 以降のアプリケーション + +1 - **Program.cs** ファイルを開き、**builder.Services.AddIgniteUIBlazor** 関数を呼び出して Ignite UI for Blazor サービスを登録します: + +```razor +var builder = WebApplication.CreateBuilder(args); + +// Add services to the container. +builder.Services.AddRazorPages(); +builder.Services.AddServerSideBlazor(); + +builder.Services.AddIgniteUIBlazor(); + +var app = builder.Build(); +``` + +2 - **_Imports.razor** ファイルで **IgniteUI.Blazor.Controls** 名前空間を追加します: + +```razor +@using IgniteUI.Blazor.Controls +``` + +3 - プロジェクト タイプに基づいて適切な場所にスタイル シートを追加します: + +Blazor Server アプリの場合、**Pages/_Layout.cshtml** または **Pages/_Host.cshtml** に追加します: + +```razor + + + +``` + +Blazor WebAssembly アプリの場合、**wwwroot/index.html** に追加します: + +```razor + + + +``` + +4 - スクリプト参照を追加します: + +```razor + +``` + +## Grid Lite + +Grid Lite コンポーネントは、表形式データを表示するための重要な機能を提供する軽量のオープンソース データ グリッドです。 + +### IgniteUI.Blazor.GridLite をインストール + +Visual Studio で、**ツール** → **NuGet パッケージ マネージャー** → **ソリューションの NuGet パッケージの管理** を選択して NuGet パッケージ マネージャーを開きます。**IgniteUI.Blazor.GridLite** NuGet パッケージを検索してインストールします。 + +NuGet Version + +[NuGet で見る](https://www.nuget.org/packages/IgniteUI.Blazor.GridLite) + +または、パッケージ マネージャー コンソールでインストール: + +```cmd +Install-Package IgniteUI.Blazor.GridLite +``` + +または .NET CLI でインストール: + +```cmd +dotnet add package IgniteUI.Blazor.GridLite +``` + +### Grid Lite の機能 + +Grid Lite コンポーネントには、次の機能が含まれています: + +- 列フィルタリング +- 列の非表示 +- 列のサイズ変更 +- 列のソート +- 行の仮想化 +- アクセシビリティ サポート +- テーマとスタイリング +- 列データ タイプ + +### Grid Lite の使用 + +Grid Lite コンポーネントを Razor ページに追加します: + +```razor + + + +@code { + private object[] data = new object[] + { + new { Name = "John", Age = 30, City = "New York" }, + new { Name = "Jane", Age = 25, City = "Los Angeles" }, + new { Name = "Bob", Age = 35, City = "Chicago" } + }; +} +``` + +Grid Lite の機能と構成の詳細については、[Grid Lite の概要](grid-lite/overview.md)トピックを参照してください。 + +## その他のリソース + +- [オープンソース vs プレミアム コンポーネント](general-open-source-vs-premium.md) +- [Grid Lite の概要](grid-lite/overview.md) +- [GitHub リポジトリ]({GithubLinkLite}) diff --git a/docfx/en/components/toc.json b/docfx/en/components/toc.json index 0bcff1537..8531bfb34 100644 --- a/docfx/en/components/toc.json +++ b/docfx/en/components/toc.json @@ -59,6 +59,12 @@ "name": ".NET MAUI Blazor App", "href": "general-getting-started-blazor-maui.md", "status": "" + }, + { + + "name": "Open-Source Libraries", + "href": "general-getting-started-oss.md", + "status": "NEW" } ] }, diff --git a/docfx/jp/components/toc.json b/docfx/jp/components/toc.json index 052a2209f..dd7e74041 100644 --- a/docfx/jp/components/toc.json +++ b/docfx/jp/components/toc.json @@ -59,6 +59,12 @@ "name": ".NET MAUI Blazor のアプリケーション", "href": "general-getting-started-blazor-maui.md", "status": "" + }, + { + + "name": "オープンソース ライブラリ", + "href": "general-getting-started-oss.md", + "status": "NEW" } ] }, From 07669a43e3f96b70af8303e4278c9784c4a75375 Mon Sep 17 00:00:00 2001 From: Maya Kirova Date: Mon, 1 Dec 2025 13:36:05 +0200 Subject: [PATCH 3/6] Tweak information and structure a bit. --- .../components/general-getting-started-oss.md | 71 ++++++++++--------- 1 file changed, 39 insertions(+), 32 deletions(-) diff --git a/doc/en/components/general-getting-started-oss.md b/doc/en/components/general-getting-started-oss.md index 25e625513..ca405d058 100644 --- a/doc/en/components/general-getting-started-oss.md +++ b/doc/en/components/general-getting-started-oss.md @@ -19,11 +19,11 @@ The open-source libraries include: ## Create a New Blazor Project -Start Visual Studio 2022 and click **Create a new project** on the start page, select a Blazor template such as **Blazor Server App**, **Blazor WebAssembly App**, or **Blazor Web App**, and click **Next**. + - Start Visual Studio 2022 and click **Create a new project** on the start page, select a Blazor template such as **Blazor Server App**, **Blazor WebAssembly App**, or **Blazor Web App**, and click **Next**. -Provide a project name and location, then click **Next**. +- Provide a project name and location, then click **Next**. -Specify additional project options and click **Create**. +- Specify additional project options and click **Create**. ## Install IgniteUI.Blazor.Lite @@ -31,10 +31,6 @@ The IgniteUI.Blazor.Lite package contains open-source UI components delivered vi In Visual Studio, open the NuGet package manager by selecting **Tools** → **NuGet Package Manager** → **Manage NuGet Packages for Solution**. Search for and install the **IgniteUI.Blazor.Lite** NuGet package. -NuGet Version - -[View on NuGet](https://www.nuget.org/packages/IgniteUI.Blazor.Lite) - Or install via the Package Manager Console: ```cmd @@ -73,28 +69,44 @@ var app = builder.Build(); 3 - Add the Style Sheet in the appropriate location based on your project type: -For Blazor Server Apps, add to **Pages/_Layout.cshtml** or **Pages/_Host.cshtml**: - ```razor ``` -For Blazor WebAssembly Apps, add to **wwwroot/index.html**: +4 - Add Script Reference: ```razor - - - + ``` -4 - Add Script Reference: +## Using the OSS Blazor Components + +Add an Ignite UI for Blazor component to your razor page, for example: ```razor - + + + + + +

Jane Doe

+
Professional Photographer
+ + Hi! I'm Jane, photographer and filmmaker. + Photography is a way of feeling, of touching, + of loving. What you have caught on film is captured forever... + it remembers little things, long after you have + forgotten everything. + + More Info + + ``` +For more detailed information about which components are included in the light package, see the - [Open-Source vs Premium Components](general-open-source-vs-premium.md) topic. + ## Grid Lite The Grid Lite component is a lightweight, open-source data grid that provides essential features for displaying tabular data. @@ -103,10 +115,6 @@ The Grid Lite component is a lightweight, open-source data grid that provides es In Visual Studio, open the NuGet package manager by selecting **Tools** → **NuGet Package Manager** → **Manage NuGet Packages for Solution**. Search for and install the **IgniteUI.Blazor.GridLite** NuGet package. -NuGet Version - -[View on NuGet](https://www.nuget.org/packages/IgniteUI.Blazor.GridLite) - Or install via the Package Manager Console: ```cmd @@ -118,23 +126,23 @@ Or via .NET CLI: ```cmd dotnet add package IgniteUI.Blazor.GridLite ``` +### Using Grid Lite -### Grid Lite Features +1 - Add the **IgniteUI.Blazor.Controls** namespace in the **_Imports.razor** file: -The Grid Lite component includes the following features: +```razor +@using IgniteUI.Blazor.Controls +``` -- Column Filtering -- Column Hiding -- Column Resizing -- Column Sorting -- Row Virtualization -- Accessibility Support -- Themes and Styling -- Column Data Types +2 - Add the Style Sheet in the appropriate location based on your project type: -### Using Grid Lite +```razor + + + +``` -Add the Grid Lite component to your razor page: +3 - Add the Grid Lite component to your razor page: ```razor @@ -156,4 +164,3 @@ For more detailed information about Grid Lite features and configuration, see th - [Open-Source vs Premium Components](general-open-source-vs-premium.md) - [Grid Lite Overview](grid-lite/overview.md) -- [GitHub Repository]({GithubLinkLite}) From 3827c083761f7de1b282f994f1287b66776cdf80 Mon Sep 17 00:00:00 2001 From: Maya Kirova Date: Mon, 1 Dec 2025 13:40:52 +0200 Subject: [PATCH 4/6] Commit same EN topic for jp, since we have our own localization. --- .../components/general-getting-started-oss.md | 132 +++++++++--------- 1 file changed, 69 insertions(+), 63 deletions(-) diff --git a/doc/jp/components/general-getting-started-oss.md b/doc/jp/components/general-getting-started-oss.md index db196137d..ca405d058 100644 --- a/doc/jp/components/general-getting-started-oss.md +++ b/doc/jp/components/general-getting-started-oss.md @@ -1,58 +1,53 @@ --- -title: 作業の開始 | {ProductName} オープンソース ライブラリ | インフラジスティックス -_description: インフラジスティックスのオープンソース {Platform} コンポーネントを使用して、Grid Lite などの軽量な MIT ライセンス コンポーネントでアプリを作成します。今すぐお試しください。 -_keywords: {ProductName}, Infragistics, 作業の開始, オープンソース, MIT ライセンス +title: Getting Started | {ProductName} Open-Source Libraries | Infragistics +_description: Use Infragistics' Open-Source {Platform} components to create apps with lightweight, MIT licensed components including Grid Lite. Try now. +_keywords: {ProductName}, Infragistics, Getting Started, Open-Source, MIT License mentionedTypes: [] -_language: ja --- -# オープンソース ライブラリを使用した作業の開始 +# Getting Started with Open-Source Libraries -このトピックでは、Visual Studio を使用して Ignite UI for Blazor オープンソース ライブラリで Blazor アプリケーションを作成する手順を説明します。 +This topic provides step-by-step instructions for creating Blazor applications with the Ignite UI for Blazor open-source libraries using Visual Studio. -## 概要 +## Overview -{ProductName} は、MIT ライセンスの下でオープンソース UI コンポーネントを提供しています。これらの軽量パッケージは、商用ライセンスを必要とせずに、最新の Web アプリケーションを構築するための重要な機能を提供します。 +{ProductName} offers open-source UI components under the MIT license. These lightweight packages provide essential functionality for building modern web applications without requiring a commercial license. -オープンソース ライブラリには以下が含まれます: +The open-source libraries include: -- **IgniteUI.Blazor.Lite** - オープンソース UI コンポーネントを含む軽量パッケージ -- **IgniteUI.Blazor.GridLite** - 軽量のオープンソース データ グリッド コンポーネント +- **IgniteUI.Blazor.Lite** - A lightweight package containing open-source UI components +- **IgniteUI.Blazor.GridLite** - A lightweight, open-source data grid component -## 新しい Blazor プロジェクトを作成 +## Create a New Blazor Project -Visual Studio 2022 を起動し、スタート ページの **新しいプロジェクトの作成** をクリックし、**Blazor Server App**、**Blazor WebAssembly App**、または **Blazor Web App** などの Blazor テンプレートを選択して、**次へ** をクリックします。 + - Start Visual Studio 2022 and click **Create a new project** on the start page, select a Blazor template such as **Blazor Server App**, **Blazor WebAssembly App**, or **Blazor Web App**, and click **Next**. -プロジェクト名と場所を入力し、**次へ** をクリックします。 +- Provide a project name and location, then click **Next**. -追加のプロジェクト オプションを指定し、**作成** をクリックします。 +- Specify additional project options and click **Create**. -## IgniteUI.Blazor.Lite をインストール +## Install IgniteUI.Blazor.Lite -IgniteUI.Blazor.Lite パッケージには、NuGet 経由で配布されるオープンソース UI コンポーネントが含まれています。 +The IgniteUI.Blazor.Lite package contains open-source UI components delivered via NuGet. -Visual Studio で、**ツール** → **NuGet パッケージ マネージャー** → **ソリューションの NuGet パッケージの管理** を選択して NuGet パッケージ マネージャーを開きます。**IgniteUI.Blazor.Lite** NuGet パッケージを検索してインストールします。 +In Visual Studio, open the NuGet package manager by selecting **Tools** → **NuGet Package Manager** → **Manage NuGet Packages for Solution**. Search for and install the **IgniteUI.Blazor.Lite** NuGet package. -NuGet Version - -[NuGet で見る](https://www.nuget.org/packages/IgniteUI.Blazor.Lite) - -または、パッケージ マネージャー コンソールでインストール: +Or install via the Package Manager Console: ```cmd Install-Package IgniteUI.Blazor.Lite ``` -または .NET CLI でインストール: +Or via .NET CLI: ```cmd dotnet add package IgniteUI.Blazor.Lite ``` -## IgniteUI.Blazor.Lite を登録 +## Register IgniteUI.Blazor.Lite -### .NET 6 以降のアプリケーション +### .NET 6 and Later Applications -1 - **Program.cs** ファイルを開き、**builder.Services.AddIgniteUIBlazor** 関数を呼び出して Ignite UI for Blazor サービスを登録します: +1 - Open the **Program.cs** file and register the Ignite UI for Blazor Service by calling **builder.Services.AddIgniteUIBlazor** function: ```razor var builder = WebApplication.CreateBuilder(args); @@ -66,15 +61,13 @@ builder.Services.AddIgniteUIBlazor(); var app = builder.Build(); ``` -2 - **_Imports.razor** ファイルで **IgniteUI.Blazor.Controls** 名前空間を追加します: +2 - Add the **IgniteUI.Blazor.Controls** namespace in the **_Imports.razor** file: ```razor @using IgniteUI.Blazor.Controls ``` -3 - プロジェクト タイプに基づいて適切な場所にスタイル シートを追加します: - -Blazor Server アプリの場合、**Pages/_Layout.cshtml** または **Pages/_Host.cshtml** に追加します: +3 - Add the Style Sheet in the appropriate location based on your project type: ```razor @@ -82,60 +75,74 @@ Blazor Server アプリの場合、**Pages/_Layout.cshtml** または **Pages/_H ``` -Blazor WebAssembly アプリの場合、**wwwroot/index.html** に追加します: +4 - Add Script Reference: ```razor - - - + ``` -4 - スクリプト参照を追加します: +## Using the OSS Blazor Components + +Add an Ignite UI for Blazor component to your razor page, for example: ```razor - + + + + + +

Jane Doe

+
Professional Photographer
+ + Hi! I'm Jane, photographer and filmmaker. + Photography is a way of feeling, of touching, + of loving. What you have caught on film is captured forever... + it remembers little things, long after you have + forgotten everything. + + More Info + + ``` -## Grid Lite +For more detailed information about which components are included in the light package, see the - [Open-Source vs Premium Components](general-open-source-vs-premium.md) topic. -Grid Lite コンポーネントは、表形式データを表示するための重要な機能を提供する軽量のオープンソース データ グリッドです。 - -### IgniteUI.Blazor.GridLite をインストール +## Grid Lite -Visual Studio で、**ツール** → **NuGet パッケージ マネージャー** → **ソリューションの NuGet パッケージの管理** を選択して NuGet パッケージ マネージャーを開きます。**IgniteUI.Blazor.GridLite** NuGet パッケージを検索してインストールします。 +The Grid Lite component is a lightweight, open-source data grid that provides essential features for displaying tabular data. -NuGet Version +### Install IgniteUI.Blazor.GridLite -[NuGet で見る](https://www.nuget.org/packages/IgniteUI.Blazor.GridLite) +In Visual Studio, open the NuGet package manager by selecting **Tools** → **NuGet Package Manager** → **Manage NuGet Packages for Solution**. Search for and install the **IgniteUI.Blazor.GridLite** NuGet package. -または、パッケージ マネージャー コンソールでインストール: +Or install via the Package Manager Console: ```cmd Install-Package IgniteUI.Blazor.GridLite ``` -または .NET CLI でインストール: +Or via .NET CLI: ```cmd dotnet add package IgniteUI.Blazor.GridLite ``` +### Using Grid Lite -### Grid Lite の機能 +1 - Add the **IgniteUI.Blazor.Controls** namespace in the **_Imports.razor** file: -Grid Lite コンポーネントには、次の機能が含まれています: +```razor +@using IgniteUI.Blazor.Controls +``` -- 列フィルタリング -- 列の非表示 -- 列のサイズ変更 -- 列のソート -- 行の仮想化 -- アクセシビリティ サポート -- テーマとスタイリング -- 列データ タイプ +2 - Add the Style Sheet in the appropriate location based on your project type: -### Grid Lite の使用 +```razor + + + +``` -Grid Lite コンポーネントを Razor ページに追加します: +3 - Add the Grid Lite component to your razor page: ```razor @@ -151,10 +158,9 @@ Grid Lite コンポーネントを Razor ページに追加します: } ``` -Grid Lite の機能と構成の詳細については、[Grid Lite の概要](grid-lite/overview.md)トピックを参照してください。 +For more detailed information about Grid Lite features and configuration, see the [Grid Lite Overview](grid-lite/overview.md) topic. -## その他のリソース +## Additional Resources -- [オープンソース vs プレミアム コンポーネント](general-open-source-vs-premium.md) -- [Grid Lite の概要](grid-lite/overview.md) -- [GitHub リポジトリ]({GithubLinkLite}) +- [Open-Source vs Premium Components](general-open-source-vs-premium.md) +- [Grid Lite Overview](grid-lite/overview.md) From 6676bf5f6d0398582a65a569d91a6760e847182b Mon Sep 17 00:00:00 2001 From: Maya Kirova Date: Mon, 1 Dec 2025 13:45:28 +0200 Subject: [PATCH 5/6] Add missing language tag. --- doc/en/components/general-getting-started.md | 1 + doc/jp/components/general-getting-started-oss.md | 1 + 2 files changed, 2 insertions(+) diff --git a/doc/en/components/general-getting-started.md b/doc/en/components/general-getting-started.md index a70bc077f..1cf40ec17 100644 --- a/doc/en/components/general-getting-started.md +++ b/doc/en/components/general-getting-started.md @@ -2,6 +2,7 @@ title: Getting Started | {ProductName} | Infragistics _description: Use Infragistics' {Platform} components to create apps and improve data visualization with the world’s fastest, virtualized, real-time {Platform} data grid and streaming financial and business and financial charts. _keywords: {ProductName}, Infragistics, Getting Started +_language: en mentionedTypes: ["XamBulletGraph", "IgrGrid"] --- diff --git a/doc/jp/components/general-getting-started-oss.md b/doc/jp/components/general-getting-started-oss.md index ca405d058..6cfac9790 100644 --- a/doc/jp/components/general-getting-started-oss.md +++ b/doc/jp/components/general-getting-started-oss.md @@ -2,6 +2,7 @@ title: Getting Started | {ProductName} Open-Source Libraries | Infragistics _description: Use Infragistics' Open-Source {Platform} components to create apps with lightweight, MIT licensed components including Grid Lite. Try now. _keywords: {ProductName}, Infragistics, Getting Started, Open-Source, MIT License +_language: ja mentionedTypes: [] --- # Getting Started with Open-Source Libraries From 8c3f5a789b13f2efaaca3d0d88c543637ab6af3f Mon Sep 17 00:00:00 2001 From: Deyan Kamburov Date: Tue, 2 Dec 2025 17:26:04 +0200 Subject: [PATCH 6/6] docs: add some notes about lite packages specifics --- doc/en/components/general-getting-started-oss.md | 8 +++++++- doc/jp/components/general-getting-started-oss.md | 8 +++++++- 2 files changed, 14 insertions(+), 2 deletions(-) diff --git a/doc/en/components/general-getting-started-oss.md b/doc/en/components/general-getting-started-oss.md index ca405d058..a66972951 100644 --- a/doc/en/components/general-getting-started-oss.md +++ b/doc/en/components/general-getting-started-oss.md @@ -19,7 +19,10 @@ The open-source libraries include: ## Create a New Blazor Project - - Start Visual Studio 2022 and click **Create a new project** on the start page, select a Blazor template such as **Blazor Server App**, **Blazor WebAssembly App**, or **Blazor Web App**, and click **Next**. + - Start Visual Studio and click **Create a new project** on the start page, select a Blazor template such as **Blazor Server App**, **Blazor WebAssembly App**, or **Blazor Web App**, and click **Next**. + +> [!Note] +> When using **Blazor Server App**, ensure you add `@rendermode InteractiveServer` in the pages where the components are used. - Provide a project name and location, then click **Next**. @@ -29,6 +32,9 @@ The open-source libraries include: The IgniteUI.Blazor.Lite package contains open-source UI components delivered via NuGet. +> [!Note] +> You should not combine the **IgniteUI.Blazor** and **IgniteUI.Blazor.Lite** packages in the same project. They use the same namespaces and contain duplicate components, so only one of them should be used. + In Visual Studio, open the NuGet package manager by selecting **Tools** → **NuGet Package Manager** → **Manage NuGet Packages for Solution**. Search for and install the **IgniteUI.Blazor.Lite** NuGet package. Or install via the Package Manager Console: diff --git a/doc/jp/components/general-getting-started-oss.md b/doc/jp/components/general-getting-started-oss.md index 6cfac9790..f058e523e 100644 --- a/doc/jp/components/general-getting-started-oss.md +++ b/doc/jp/components/general-getting-started-oss.md @@ -20,7 +20,10 @@ The open-source libraries include: ## Create a New Blazor Project - - Start Visual Studio 2022 and click **Create a new project** on the start page, select a Blazor template such as **Blazor Server App**, **Blazor WebAssembly App**, or **Blazor Web App**, and click **Next**. + - Start Visual Studio and click **Create a new project** on the start page, select a Blazor template such as **Blazor Server App**, **Blazor WebAssembly App**, or **Blazor Web App**, and click **Next**. + +> [!Note] +> When using **Blazor Server App**, ensure you add `@rendermode InteractiveServer` in the pages where the components are used. - Provide a project name and location, then click **Next**. @@ -30,6 +33,9 @@ The open-source libraries include: The IgniteUI.Blazor.Lite package contains open-source UI components delivered via NuGet. +> [!Warning] +> You should not combine the **IgniteUI.Blazor** and **IgniteUI.Blazor.Lite** packages in the same project. They use the same namespaces and contain duplicate components, so only one of them should be used. + In Visual Studio, open the NuGet package manager by selecting **Tools** → **NuGet Package Manager** → **Manage NuGet Packages for Solution**. Search for and install the **IgniteUI.Blazor.Lite** NuGet package. Or install via the Package Manager Console: