Skip to content

Commit d1e3181

Browse files
HUSSAR-mtrelaHUSSAR-mtrela
authored
Merge pull request #1846 from IgniteUI/vnext
SR Release - 2025 December
2 parents 9756814 + 5546d44 commit d1e3181

39 files changed

+1599
-598
lines changed

‎apiMap/Blazor/webInputs.JS.blazor.apiMap.json‎

Lines changed: 48 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -406,6 +406,54 @@
406406
{"names":[{"platform": "Blazor", "mappedType": "double","mappedName": "VisibleMonths"}], "originalName": "VisibleMonths"},
407407
{"names":[{"platform": "Blazor", "mappedType": "WeekDays","mappedName": "WeekStart"}], "originalName": "WeekStart"} ]
408408
},
409+
{
410+
"originalName": "DateRangePicker",
411+
"originalNamespace": "Infragistics.Controls",
412+
"originalBaseTypeNamespace": "Infragistics.Controls",
413+
"originalBaseTypeName": "BaseComboBoxLike",
414+
"packageName": "igniteui-webinputs",
415+
"names":[{"platform": "Blazor","fileName": "DateRangePicker.cs","mappedName": "IgbDateRangePicker"}],
416+
"members":[
417+
{"names":[{"platform": "Blazor", "mappedType": "DateTime","mappedName": "ActiveDate"}], "originalName": "ActiveDate"},
418+
{"names":[{"platform": "Blazor", "mappedType": "method", "mappedName": "CheckValidity"}], "originalName": "CheckValidity"},
419+
{"names":[{"platform": "Blazor", "mappedType": "method", "mappedName": "Clear"}], "originalName": "Clear"},
420+
{"names":[{"platform": "Blazor", "mappedType": "bool", "mappedName": "Disabled"}], "originalName": "Disabled"},
421+
{"names":[{"platform": "Blazor", "mappedType": "bool", "mappedName": "UseTwoInputs"}], "originalName": "UseTwoInputs"},
422+
{"names":[{"platform": "Blazor", "mappedType": "bool", "mappedName": "UsePredefinedRanges"}], "originalName": "UsePredefinedRanges"},
423+
{"names":[{"platform": "Blazor", "mappedType": "CustomDateRange[]", "mappedName": "CustomRanges"}], "originalName": "CustomRanges"},
424+
{"names":[{"platform": "Blazor", "mappedType": "IgbDateRangeDescriptor[]","mappedName": "DisabledDates"}], "originalName": "DisabledDates"},
425+
{"names":[{"platform": "Blazor", "mappedType": "string", "mappedName": "DisplayFormat"}], "originalName": "DisplayFormat"},
426+
{"names":[{"platform": "Blazor", "mappedType": "CalendarHeaderOrientation","mappedName": "HeaderOrientation"}], "originalName": "HeaderOrientation"},
427+
{"names":[{"platform": "Blazor", "mappedType": "bool", "mappedName": "HideHeader"}], "originalName": "HideHeader"},
428+
{"names":[{"platform": "Blazor", "mappedType": "bool", "mappedName": "HideOutsideDays"}], "originalName": "HideOutsideDays"},
429+
{"names":[{"platform": "Blazor", "mappedType": "string", "mappedName": "InputFormat"}], "originalName": "InputFormat"},
430+
{"names":[{"platform": "Blazor", "mappedType": "bool", "mappedName": "Invalid"}], "originalName": "Invalid"},
431+
{"names":[{"platform": "Blazor", "mappedType": "string", "mappedName": "Label"}], "originalName": "Label"},
432+
{"names":[{"platform": "Blazor", "mappedType": "string", "mappedName": "LabelStart"}], "originalName": "LabelStart"},
433+
{"names":[{"platform": "Blazor", "mappedType": "string", "mappedName": "LabelEnd"}], "originalName": "LabelEnd"},
434+
{"names":[{"platform": "Blazor", "mappedType": "string", "mappedName": "PlaceholderStart"}], "originalName": "PlaceholderStart"},
435+
{"names":[{"platform": "Blazor", "mappedType": "string", "mappedName": "PlaceholderEnd"}], "originalName": "PlaceholderEnd"},
436+
{"names":[{"platform": "Blazor", "mappedType": "string", "mappedName": "Locale"}], "originalName": "Locale"},
437+
{"names":[{"platform": "Blazor", "mappedType": "DateTime?","mappedName": "Max"}], "originalName": "Max"},
438+
{"names":[{"platform": "Blazor", "mappedType": "DateTime?","mappedName": "Min"}], "originalName": "Min"},
439+
{"names":[{"platform": "Blazor", "mappedType": "PickerMode","mappedName": "Mode"}], "originalName": "Mode"},
440+
{"names":[{"platform": "Blazor", "mappedType": "bool", "mappedName": "NonEditable"}], "originalName": "NonEditable"},
441+
{"names":[{"platform": "Blazor", "mappedType": "ContentOrientation","mappedName": "Orientation"}], "originalName": "Orientation"},
442+
{"names":[{"platform": "Blazor", "mappedType": "bool", "mappedName": "Outlined"}], "originalName": "Outlined"},
443+
{"names":[{"platform": "Blazor", "mappedType": "string", "mappedName": "Placeholder"}], "originalName": "Placeholder"},
444+
{"names":[{"platform": "Blazor", "mappedType": "string", "mappedName": "Prompt"}], "originalName": "Prompt"},
445+
{"names":[{"platform": "Blazor", "mappedType": "bool", "mappedName": "ReadOnly"}], "originalName": "ReadOnly"},
446+
{"names":[{"platform": "Blazor", "mappedType": "method", "mappedName": "ReportValidity"}], "originalName": "ReportValidity"},
447+
{"names":[{"platform": "Blazor", "mappedType": "bool", "mappedName": "Required"}], "originalName": "Required"},
448+
{"names":[{"platform": "Blazor", "mappedType": "IgbCalendarResourceStrings","mappedName": "ResourceStrings"}], "originalName": "ResourceStrings"},
449+
{"names":[{"platform": "Blazor", "mappedType": "method", "mappedName": "Select"}], "originalName": "Select"},
450+
{"names":[{"platform": "Blazor", "mappedType": "method", "mappedName": "SetCustomValidity"}], "originalName": "SetCustomValidity"},
451+
{"names":[{"platform": "Blazor", "mappedType": "bool", "mappedName": "ShowWeekNumbers"}], "originalName": "ShowWeekNumbers"},
452+
{"names":[{"platform": "Blazor", "mappedType": "IgbDateRangeDescriptor[]","mappedName": "SpecialDates"}], "originalName": "SpecialDates"},
453+
{"names":[{"platform": "Blazor", "mappedType": "DateRangeValue","mappedName": "Value"}], "originalName": "Value"},
454+
{"names":[{"platform": "Blazor", "mappedType": "double","mappedName": "VisibleMonths"}], "originalName": "VisibleMonths"},
455+
{"names":[{"platform": "Blazor", "mappedType": "WeekDays","mappedName": "WeekStart"}], "originalName": "WeekStart"} ]
456+
},
409457
{
410458
"originalName": "Divider",
411459
"originalNamespace": "Infragistics.Controls",

‎doc/en/components/general-changelog-dv-blazor.md‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,25 @@ All notable changes for each version of {ProductName} are documented on this pag
1818

1919
## **{PackageVerLatest}**
2020

21+
### Bug Fixes
22+
23+
| Bug Number | Control | Description |
24+
|------------|---------|-------------|
25+
|33808|IgbDataChart|The scale set for IntervalType Ticks in TimeAxisInterval is not displayed|
26+
|34255|IgbDataChart|0.00001 scale tick marks are displayed overlapping each other|
27+
|38510|IgbDataChart|AssigningCategoryStyle event support for Stacked Series|
28+
|41050|IgbDataChart|Axis is not being populated in IgbAxisMouseEventArgs|
29+
30+
### Enhancements
31+
32+
#### Charts
33+
34+
- Added LabelFormatOverride event to TimeXAxisLabelFormat so you can now override the formatting with an event at all time-formatting levels on the TimeXAxis.
35+
36+
- Adjusted the schema generation to account for more items to make it more likely to find valid values for properties.
37+
38+
## **{PackageVerChanges-25-2-NOV}**
39+
2140
**Breaking Changes**
2241

2342
As of the 2025.2 release, we no longer support .NET 6. This corresponds with the [Microsoft .NET Lifecycle, here](https://learn.microsoft.com/en-us/dotnet/core/whats-new/dotnet-9/overview).

‎doc/en/components/general-changelog-dv-react.md‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,24 @@ All notable changes for each version of {ProductName} are documented on this pag
1313

1414
## **{PackageVerLatest}**
1515

16+
### Bug Fixes
17+
18+
| Bug Number | Control | Description |
19+
|------------|---------|-------------|
20+
|33808|IgrDataChart|The scale set for IntervalType Ticks in TimeAxisInterval is not displayed|
21+
|34255|IgrDataChart|0.00001 scale tick marks are displayed overlapping each other|
22+
|38510|IgrDataChart|AssigningCategoryStyle event support for Stacked Series|
23+
24+
### Enhancements
25+
26+
#### Charts
27+
28+
- Added LabelFormatOverride event to TimeXAxisLabelFormat so you can now override the formatting with an event at all time-formatting levels on the TimeXAxis.
29+
30+
- Adjusted the schema generation to account for more items to make it more likely to find valid values for properties.
31+
32+
## **{PackageVerChanges-25-2-NOV}**
33+
1634
### {PackageCharts} (Charts)
1735

1836
#### <label>PREVIEW</label> User Annotations

‎doc/en/components/general-changelog-dv-wc.md‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,24 @@ All notable changes for each version of {ProductName} are documented on this pag
1414

1515
## **{PackageVerLatest}**
1616

17+
### Bug Fixes
18+
19+
| Bug Number | Control | Description |
20+
|------------|---------|-------------|
21+
|33808|IgcDataChart|The scale set for IntervalType Ticks in TimeAxisInterval is not displayed|
22+
|34255|IgcDataChart|0.00001 scale tick marks are displayed overlapping each other|
23+
|38510|IgcDataChart|AssigningCategoryStyle event support for Stacked Series|
24+
25+
### Enhancements
26+
27+
#### Charts
28+
29+
- Added LabelFormatOverride event to TimeXAxisLabelFormat so you can now override the formatting with an event at all time-formatting levels on the TimeXAxis.
30+
31+
- Adjusted the schema generation to account for more items to make it more likely to find valid values for properties.
32+
33+
## **{PackageVerChanges-25-2-NOV}**
34+
1735
### {PackageCharts} (Charts)
1836

1937
#### <label>PREVIEW</label> User Annotations

‎doc/en/components/general-changelog-dv.md‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,24 @@ All notable changes for each version of {ProductName} are documented on this pag
1818

1919
## **{PackageVerLatest}**
2020

21+
### Bug Fixes
22+
23+
| Bug Number | Control | Description |
24+
|------------|---------|-------------|
25+
|33808|IgxDataChart|The scale set for IntervalType Ticks in TimeAxisInterval is not displayed|
26+
|34255|IgxDataChart|0.00001 scale tick marks are displayed overlapping each other|
27+
|38510|IgxDataChart|AssigningCategoryStyle event support for Stacked Series|
28+
29+
### Enhancements
30+
31+
#### Charts
32+
33+
- Added LabelFormatOverride event to TimeXAxisLabelFormat so you can now override the formatting with an event at all time-formatting levels on the TimeXAxis.
34+
35+
- Adjusted the schema generation to account for more items to make it more likely to find valid values for properties.
36+
37+
## **{PackageVerChanges-25-2-NOV}**
38+
2139
### {PackageCharts} (Charts)
2240

2341
#### <label>PREVIEW</label> User Annotations

‎doc/en/components/general-getting-started-oss.md‎

Lines changed: 172 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,172 @@
1+
---
2+
title: Getting Started | {ProductName} Open-Source Libraries | Infragistics
3+
_description: Use Infragistics' Open-Source {Platform} components to create apps with lightweight, MIT licensed components including Grid Lite. Try now.
4+
_keywords: {ProductName}, Infragistics, Getting Started, Open-Source, MIT License
5+
mentionedTypes: []
6+
---
7+
# Getting Started with Open-Source Libraries
8+
9+
This topic provides step-by-step instructions for creating Blazor applications with the Ignite UI for Blazor open-source libraries using Visual Studio.
10+
11+
## Overview
12+
13+
{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.
14+
15+
The open-source libraries include:
16+
17+
- **IgniteUI.Blazor.Lite** - A lightweight package containing open-source UI components
18+
- **IgniteUI.Blazor.GridLite** - A lightweight, open-source data grid component
19+
20+
## Create a New Blazor Project
21+
22+
- 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**.
23+
24+
> [!Note]
25+
> When using **Blazor Server App**, ensure you add `@rendermode InteractiveServer` in the pages where the components are used.
26+
27+
- Provide a project name and location, then click **Next**.
28+
29+
- Specify additional project options and click **Create**.
30+
31+
## Install IgniteUI.Blazor.Lite
32+
33+
The IgniteUI.Blazor.Lite package contains open-source UI components delivered via NuGet.
34+
35+
> [!Note]
36+
> 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.
37+
38+
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.
39+
40+
Or install via the Package Manager Console:
41+
42+
```cmd
43+
Install-Package IgniteUI.Blazor.Lite
44+
```
45+
46+
Or via .NET CLI:
47+
48+
```cmd
49+
dotnet add package IgniteUI.Blazor.Lite
50+
```
51+
52+
## Register IgniteUI.Blazor.Lite
53+
54+
### .NET 6 and Later Applications
55+
56+
1 - Open the **Program.cs** file and register the Ignite UI for Blazor Service by calling **builder.Services.AddIgniteUIBlazor** function:
57+
58+
```razor
59+
var builder = WebApplication.CreateBuilder(args);
60+
61+
// Add services to the container.
62+
builder.Services.AddRazorPages();
63+
builder.Services.AddServerSideBlazor();
64+
65+
builder.Services.AddIgniteUIBlazor();
66+
67+
var app = builder.Build();
68+
```
69+
70+
2 - Add the **IgniteUI.Blazor.Controls** namespace in the **_Imports.razor** file:
71+
72+
```razor
73+
@using IgniteUI.Blazor.Controls
74+
```
75+
76+
3 - Add the Style Sheet in the appropriate location based on your project type:
77+
78+
```razor
79+
<head>
80+
<link href="_content/IgniteUI.Blazor/themes/light/bootstrap.css" rel="stylesheet" />
81+
</head>
82+
```
83+
84+
4 - Add Script Reference:
85+
86+
```razor
87+
<script src="_content/IgniteUI.Blazor/app.bundle.js"></script>
88+
```
89+
90+
## Using the OSS Blazor Components
91+
92+
Add an Ignite UI for Blazor component to your razor page, for example:
93+
94+
```razor
95+
<IgbCard style="width:350px">
96+
<IgbCardMedia>
97+
<img src="https://images.unsplash.com/photo-1541516160071-4bb0c5af65ba?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=350&q=80" />
98+
</IgbCardMedia>
99+
<IgbCardHeader>
100+
<h4>Jane Doe</h4>
101+
<h6>Professional Photographer</h6>
102+
</IgbCardHeader>
103+
<IgbCardContent>Hi! I'm Jane, photographer and filmmaker.
104+
Photography is a way of feeling, of touching,
105+
of loving. What you have caught on film is captured forever...
106+
it remembers little things, long after you have
107+
forgotten everything.</IgbCardContent>
108+
<IgbCardActions>
109+
<IgbButton>More Info</IgbButton>
110+
</IgbCardActions>
111+
</IgbCard>
112+
```
113+
114+
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.
115+
116+
## Grid Lite
117+
118+
The Grid Lite component is a lightweight, open-source data grid that provides essential features for displaying tabular data.
119+
120+
### Install IgniteUI.Blazor.GridLite
121+
122+
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.
123+
124+
Or install via the Package Manager Console:
125+
126+
```cmd
127+
Install-Package IgniteUI.Blazor.GridLite
128+
```
129+
130+
Or via .NET CLI:
131+
132+
```cmd
133+
dotnet add package IgniteUI.Blazor.GridLite
134+
```
135+
### Using Grid Lite
136+
137+
1 - Add the **IgniteUI.Blazor.Controls** namespace in the **_Imports.razor** file:
138+
139+
```razor
140+
@using IgniteUI.Blazor.Controls
141+
```
142+
143+
2 - Add the Style Sheet in the appropriate location based on your project type:
144+
145+
```razor
146+
<head>
147+
<link href="_content/IgniteUI.Blazor.GridLite/css/themes/light/bootstrap.css" rel="stylesheet" />
148+
</head>
149+
```
150+
151+
3 - Add the Grid Lite component to your razor page:
152+
153+
```razor
154+
<IgbGridLite Data="data" AutoGenerateColumns="true">
155+
</IgbGridLite>
156+
157+
@code {
158+
private object[] data = new object[]
159+
{
160+
new { Name = "John", Age = 30, City = "New York" },
161+
new { Name = "Jane", Age = 25, City = "Los Angeles" },
162+
new { Name = "Bob", Age = 35, City = "Chicago" }
163+
};
164+
}
165+
```
166+
167+
For more detailed information about Grid Lite features and configuration, see the [Grid Lite Overview](grid-lite/overview.md) topic.
168+
169+
## Additional Resources
170+
171+
- [Open-Source vs Premium Components](general-open-source-vs-premium.md)
172+
- [Grid Lite Overview](grid-lite/overview.md)

0 commit comments

Comments
 (0)