Ignite UI for Blazor 変更ログ

Ignite UI for Blazor の各バージョンのすべての重要な変更は、このページに記載されています。

• バージョン 2025.2 以降、Ignite UI for Blazor ツールセットは .NET 10 をサポートします。.NET 10 の詳細については、Microsoft サイトをご確認ください。

• バージョン 2024.2 以降、Ignite UI for Blazor ツールセットは .NET 9 をサポートします。.NET 9 の詳細については、Microsoft サイトをご確認ください。

26.1.98 (August 2026)

IgbDockManager

• Web Component の最新 2.1 バージョンへの内部参照を更新し、さまざまなバグ修正とパフォーマンスの改善を含みます。
• Web Component レイヤーの layout プロパティと Blazor コンポーネントの Layout プロパティ間の双方向同期を追加し、より柔軟で複雑な使用シナリオを可能にしました。
• 追加された新しいイベント:
  • ActivePaneChanged
  • FloatingPaneResizeEnd
  • FloatingPaneResizeMove
  • FloatingPaneResizeStart
  • PaneDragEnd
  • PaneDragOver
  • PaneDragStart
  • PaneHeaderConnected
  • PaneHeaderDisconnected
  • PaneClose
  • PanePinnedToggle
  • PaneFlyoutToggle
  • PaneScroll
  • TabHeaderConnected
  • TabHeaderDisconnected

新しいコンポーネント

• IgbChat Preview - メッセージの表示と入力操作を行うためのチャット UI コンポーネントです。このコンポーネントはプレビュー段階であり、現在も活発に開発が進められています。一部の機能はまだ実装されておらず、API は今後のリリースで変更される可能性があります。
• IgbSplitter - IgbSplitter コンポーネントは、ビューを start と end の 2 つのパネルに分割し、それらをドラッグ可能なバーで区切るサイズ変更可能な分割ペイン レイアウトを提供します。
• IgbHighlight - IgbHighlight コンポーネントは、既定のスロットに投影されたテキストを効率的に検索し、ハイライトする機能を提供します。

AI スキル

• Ignite UI for Blazor は、AI アシスタントのコーディング結果を向上させる 4 つのスキルを提供するようになりました。詳細は AI スキル ドキュメントをご確認ください。

バグ修正

25.2.102 (May 2026)

機能拡張

IgniteUI.Blazor

• MarkerType 列挙型に Checkmark オプションが追加されました。シリーズで MarkerType.Checkmark を使用すると、円の中に V 字型のチェックマーク アイコンを表示できます。新しい MarkerAutomaticBehavior.Checkmark 列挙値でチャート内のすべてのシリーズにチェックマーク形状を適用でき、SeriesViewer.CheckmarkMarkerTemplate プロパティでテンプレートをカスタマイズできます。
• マーカーをサポートするチャート シリーズで MarkerSize がサポートされ、デバイス非依存ピクセル単位でマーカー サイズを制御できるようになりました。NaN に設定するとテンプレート ベースの既定サイズに戻ります。

バグ修正

機能拡張

IgniteUI.Blazor

• IgbDataChart での水平方向の範囲レンダリングをサポートする RangeBarSeries が追加されました。

25.2.77 (March 2026)

IgniteUI.Blazor (グリッド)

IgbQueryBuilder

• 新しいコンポーネント IgbQueryBuilder を追加しました。直感的なビジュアル インターフェイスを通じて複雑なフィルタリング条件を構築できる UI コンポーネントです。

IgbGrid、IgbTreeGrid、IgbHierarchicalGrid、IgbPivotGrid

• グリッドに表示されるデータに基づいてスクロール スロットルを動的に調整することでパフォーマンスを改善しました。

IgbGrid、IgbTreeGrid、IgbHierarchicalGrid

• グリッド コンポーネントに PDF エクスポート機能を追加しました。既存の Excel および CSV エクスポート オプションに加えて、グリッドを PDF 形式にエクスポートできるようになりました。

重大な変更

• IgbGrid、IgbTreeGrid、IgbHierarchicalGrid、IgbPivotGrid
  • 元の data 配列の変更 (元の配列へのレコードの追加/削除/移動など) は自動的に検出されなくなりました。変更を検出するには、コンポーネントに配列参照の変更が必要です。

一般

IgbThemeProvider

• 新しいコンポーネント IgbThemeProvider を追加しました。Lit のコンテキスト API を使用して特定のページ セクションにテーマをスコープでき、1 つのページで複数のテーマを有効にします。Shadow DOM と Light DOM の両方で動作します。

Badge

• 新しいドット タイプ、WCAG AA アクセシビリティ標準に準拠した改善されたアウトライン実装、テーマ ベースのサイズ調整。#1889

Checkbox

• 新しい —tick-width CSS プロパティ。#1897

Combo

• コンボ コンポーネントのクリア ボタンを無効にする新しい disableClear プロパティ。#1896

Mask input

• 数値パターン用の Unicode 数字コード ポイントを ASCII 数字に変換します。#1907

機能拡張

• Button、Button group、Calendar、Checkbox、Date picker、date range picker、Nav drawer、Radio group、Stepper のアクセシビリティ カラー調整。#1959
• Button、Calendar、Carousel、Combo、Date picker、Date range picker、input、Select、Textarea のスタイルを更新してデザイン キットと合わせました。
• Combo のキーボード ナビゲーション エクスペリエンスとグループ化 (ネイティブの Math.groupBy を使用) を改善しました。

バグ修正

25.2.38 (December 2025)

機能拡張

IgniteUI.Blazor

DataPieChart および ProportionalCategoryAngleAxis に OthersCategoryBrush と OthersCategoryOutline を追加しました。

バグ修正

機能拡張

• IgbGrid, IgbTreeGrid, IgbHierarchicalGrid, IgbPivotGrid
  • Original data array mutations (like adding/removing/moving records in the original array) are no longer detected automatically. Components need an array ref change for the change to be detected.

チャート

25.2.32 (November 2025)

重大な変更

IgniteUI.Blazor (チャート)

• New dot type, improved outline implementation following WCAG AA accessibility standards and theme based sizing. #1889

Preview ユーザー注釈

Ignite UI for Blazor では、ユーザー注釈機能により、実行時に IgbDataChart にスライス注釈、ストリップ注釈、ポイント注釈を追加できるようになりました。これにより、エンドユーザーは、スライス注釈を使用して会社の四半期レポートなどの単一の重要イベントを強調したり、ストリップ注釈を使用して期間を持つイベントを示したりすることで、プロットに詳細を追加できます。ポイント注釈またはこれら 3 つの任意の組み合わせを使用して、プロットされたシリーズ上の個々のポイントを呼び出すこともできます。

Preview 軸注釈の衝突検出

軸注釈が自動で衝突を検出し、適切に収まるよう切り詰めます。この機能を有効にするには、次のプロパティを設定します:

IgniteUI.Blazor (地理マップ)

• Azure Map Imagery は RTM になりました。

IgniteUI.Blazor (グリッド)

• Accessibility color adjustments for Button, Button group, Calendar, Checkbox, Date picker, date range picker, Nav drawer, Radio group, Stepper. #1959
• Updated and aligned styles with the design kit for Button, Calendar, Carousel, Combo, Date picker, Date range picker, input, Select, Textarea.
• Improved keyboard navigation experience and grouping(now using native Math.groupBy) for Combo.

すべてのグリッド

• セルの結合
  • 同じデータまたはその他のカスタム条件に基づいて列内のセルを 1 つのセルに構成および結合できる新しいセル結合機能を追加しました。個々の列で有効化できます:

一般

追加

変更

• すべてのテーマにわたってフォームに関連付けられたほとんどのコンポーネントの読み取り専用スタイルを更新し、コンポーネントが読み取り専用状態にあることをより適切に示せるようになりました。
• IgbTooltip
  • 動作変更: IgbTooltip のデフォルトの placement は 「bottom」 になりました。
  • 動作変更: with-arrow が設定されていない限り、IgbTooltip はデフォルトでは矢印インジケーターをレンダリングしません。
  • 重大な変更: IgbTooltip イベントは、detail プロパティに anchor ターゲットを返さなくなりました。引き続き event.target.anchor でアクセスできます。

非推奨

• IgbTooltip - DisableArrow は非推奨です。矢印インジケーターをレンダリングするには、WithArrow を使用してください。

バグ修正

25.1.82 (September 2025)

• Added LabelFormatOverride event to TimeXAxisLabelFormat so you can now override the formatting with an event at all time-formatting levels on the TimeXAxis.

• Adjusted the schema generation to account for more items to make it more likely to find valid values for properties.

IgniteUI.Blazor (地理マップ)

重大な変更

• AzureMapsMapImagery は IgbAzureMapsImagery に名前が変更されました。
• IgbAzureMapsImagery は AzureMapsImageryStyle.Satellite に名前が変更されました。
• 次の AzureMapsImageryStyle.Satellite 列挙値は、Overlay サフィックスを含むように名前が変更されました。
  • TerraOverlay
  • LabelsRoadOverlay
  • LabelsDarkGreyOverlay
  • HybridRoadOverlay
  • HybridDarkGreyOverlay
  • WeatherRadarOverlay
  • WeatherInfraredOverlay
  • TrafficAbsoluteOverlay
  • TrafficRelativeOverlay
  • TrafficRelativeDarkOverlay
  • TrafficDelayOverlay
  • TrafficReducedOverlay

IgniteUI.Blazor (チャート)

Preview 新しい軸ラベル イベント

軸ラベルに対するさまざまな操作を検出できるように、次のイベントが IgbDataChart に追加されました。

• LabelMouseDown
• LabelMouseUp
• LabelMouseEnter
• LabelMouseLeave
• LabelMouseMove
• LabelMouseClick

Preview 対応軸

X 軸と Y 軸に CompanionAxis プロパティが追加され、既存の軸を簡単に複製できるようになりました。CompanionAxisEnabled プロパティを有効にすると、複製された軸はチャートの反対側に配置され、そこから各軸プロパティを設定できます。

• ShouldAvoidAnnotationCollisions
• ShouldAutoTruncateAnnotations

Preview RadialPieSeries インセット アウトライン

IgbRadialPieSeries のアウトライン レンダリング方法を制御するために UseInsetOutlines プロパティが追加されました。true に設定すると、アウトラインがスライス形状の内側に描画され、false (既定値) に設定すると、アウトラインはスライス形状の端に半分内側・半分外側で描画されます。

IgniteUI.Blazor (グリッド)

Preview セル サフィックス コンテンツ

セル内のサフィックス コンテンツのサポートが追加されました。これにより、セル値の末尾にテキストやアイコンを追加してスタイルを設定できるようになりました。セル サフィックス コンテンツに追加されたプロパティの完全なリストは以下に示されており、IgbDataGridColumn および CellInfo クラスで使用できます。

<IgbColumn Field="field" Merge="true"></IgbColumn>

• SuffixText
• SuffixTextColor
• SuffixTextFont
• SuffixIconName
• SuffixIconCollectionName
• SuffixIconStroke
• SuffixIconFill
• SuffixIconViewBoxLeft
• SuffixIconViewBoxTop
• SuffixIconViewBoxWidth
• SuffixIconViewBoxHeight
• TextDecoration

<IgbGrid CellMergeMode="GridCellMergeMode.Always">
</IgbGrid>

アイコンに使用できる最大サイズは 24 x 24 であることに注意してください。これより大きいまたは小さいアイコンを提供することもできますが、アイコンが完全に表示されるように 24x24 のスペースに収まるように適切に拡大縮小するには、ビューボックス設定を構成する必要があります。

<IgbColumn Field="Col1" Pinned="true" PinningPosition="ColumnPinningPosition.End">
</IgbColumn>

• Or:

col.PinningPosition = ColumnPinningPosition.End;
col.Pinned = true;

col.PinningPosition = ColumnPinningPosition.Start;
col.Pinned = true;

• If property PinningPosition is not set on a column, the column will default to the position specified on the grid’s pinning options for columns.

• Sorting and Grouping Improvements

  • Improved sorting algorithm efficiency using Schwartzian transformation. This is a technique, also known as decorate-sort-undecorate, which avoids recomputing the sort keys by temporarily associating them with the original data records.
  • Refactored sorting algorithms from recursive to iterative.
  • Refactored grouping algorithm from recursive to iterative.
  • Optimized grouping operations.

• Other Improvements

  • A column’s MinWidth and MaxWidth constrain the user-specified width so that it cannot go outside their bounds.
  • The PagingMode property can now be set as simple strings “local” and “remote” and does not require importing the GridPagingMode enum.

バグ修正

機能拡張

• IgbDateRangePicker

IgbBulletGraph

• Preview 新しい LabelsVisible プロパティが追加されました。

チャート

• DataToolTipLayer、ItemToolTipLayer、CategoryToolTipLayer にスタイル設定用の新しいプロパティが追加されました: ToolTipBackground、ToolTipBorderBrush、および ToolTipBorderThickness。

IgbDataGrid

• DataGrid に新しいプロパティ stopPropagation が追加されました。これにより、マウス イベントが親要素へバブリングするのを防止できます。

IgbLinearGauge

25.1.63 (August 2025)

Breaking Changes

• AzureMapsMapImagery was renamed to IgbAzureMapsImagery
• AzureMapsImageryStyle.Imagery was renamed to AzureMapsImageryStyle.Satellite
• The following AzureMapsImageryStyle.Imagery enum values were renamed to include the Overlay suffix:
  • TerraOverlay,
  • LabelsRoadOverlay
  • LabelsDarkGreyOverlay
  • HybridRoadOverlay
  • HybridDarkGreyOverlay
  • WeatherRadarOverlay
  • WeatherInfraredOverlay
  • TrafficAbsoluteOverlay
  • TrafficRelativeOverlay
  • TrafficRelativeDarkOverlay
  • TrafficDelayOverlay
  • TrafficReducedOverlay

IgniteUI.Blazor 地理マップ

Preview Azure マップ画像のサポート

IgbGeographicMap は、 Azure ベースのマップ画像をサポートし、開発者は複数のアプリケーション タイプにわたって詳細かつ動的なマップを表示できるようになりました。複数のマップ レイヤーを組み合わせて地理データを視覚化し、インタラクティブなマッピング エクスペリエンスを簡単に作成できます。

注: Bing マップ画像のサポートは段階的に廃止されます。既存のエンタープライズ キーは引き続き Bing Maps にアクセスするために利用できるため、Azure Maps へ移行する間も現在のアプリケーションをそのまま利用可能です。

バグ修正

一般

以下のコンポーネントのプロパティが null 許容になりました。

• IgbButton: Form
• IgbCalendar: SpecialDates、DisabledDates
• IgbCombo: ValueKey、DisplayKey、GroupKey
• IgbDatePicker: Value、Min、Max
• DateTimePicker: Value、Min、Max
• IgbDropdown: SelectedItem
• IgbInput: Pattern、MinLength、MaxLength、Min、Max、IgbStep
• Select: Value、SelectedItem
• IgbTile: ColStart、RowStart
• IgbTileManager: MinColumnWidth、MinRowHeight、Gap

Breaking Changes

• A fix was made due to an issue where the PlotAreaPosition and ChartPosition properties on IgbChartMouseEventArgs class were reversed. This will change the values that PlotAreaPosition and ChartPosition return.

25.1.46 (July 2025)

バグ修正

• SuffixText
• SuffixTextColor
• SuffixTextFont
• SuffixIconName
• SuffixIconCollectionName
• SuffixIconStroke
• SuffixIconFill
• SuffixIconViewBoxLeft
• SuffixIconViewBoxTop
• SuffixIconViewBoxWidth
• SuffixIconViewBoxHeight
• TextDecoration

Please note that the maximum size available for the icons is 24x24. You can provide an icon that is larger or smaller than this, but you will need to configure the viewbox settings in order to properly scale it to fit in the 24x24 space so it is fully visible.

IgniteUI.Blazor (チャート)

• 軸ラベルに使用できる New MaximumExtent および MaximumExtentPercentage プロパティを追加しました。

25.1.19 (June 2025)

IgniteUI.Blazor 地理マップ

IgniteUI.Blazor (チャート)

• Preview チャート データ注釈レイヤーを追加しました:

  • データ注釈バンド レイヤー
  • データ注釈ライン レイヤー
  • データ注釈矩形レイヤー
  • データ注釈スライス レイヤー
  • データ注釈ストリップ レイヤー

• データ ツールチップとデータ 凡例では、ツールチップまたは凡例のコンテンツをテーブルまたは垂直レイアウト構造でレイアウトするために使用できる Preview LayoutMode プロパティが公開されています。

• Preview チャートの DefaultInteraction プロパティが更新され、新しい列挙体 DragSelect が含まれるようになりました。これにより、ドラッグされたプレビュー Rect は、その中に含まれるポイントを選択します。 (ベータ版)

• Preview ValueOverlay と ValueLayer は、上記にリストした Preview チャート データ注釈に加えて、プロット領域に追加の注釈テキストをオーバーレイするために使用できる OverlayText プロパティを公開するようになりました。これらの注釈の外観は、OverlayText プレフィックスが付いた多くのプロパティを使用して構成できます。たとえば、OverlayTextBrush プロパティはオーバーレイ テキストの色を構成します。 (ベータ版)

一般

• New IgbTooltip は、特定の要素のツールチップを表示する方法を提供します。使用するには、必要に応じてコンテンツを設定し、Anchor プロパティを介してターゲット要素の ID にリンクします。

変更内容

• いくつかの列挙は名前が変更され、他の列挙と統合されました。名前の変更 (影響を受けるコンポーネントを含む):
  • BaseAlertLikePosition (IgbSnackbar と IgbToast) は AbsolutePosition に名前が変更されました。
  • ButtonGroupAlignment (IgbButtonGroup)、CalendarOrientation (IgbCalendar)、CardActionsOrientation (IgbCardActions)、DatePickerOrientation (IgbDatePicker)、RadioGroupAlignment (IgbRadioGroup) が統合され、ContentOrientation に名前が変更されました。
  • CalendarBaseSelection (IgbCalendar) は CalendarSelection に名前が変更されました。
  • CarouselAnimationType (IgbCarousel) と StepperHorizontalAnimation (IgbStepper) が統合され、HorizontalTransitionAnimation に名前が変更されました。
  • CheckboxBaseLabelPosition (IgbCheckbox と IgbSwitch) と RadioLabelPosition (IgbRadio) が統合され、ToggleLabelPosition に名前が変更されました。
  • DatePickerMode (IgbDatePicker) は PickerMode に名前が変更されました。
  • DatePickerHeaderOrientation (IgbDatePicker) は CalendarHeaderOrientation に名前変更/統合されました。
  • DropdownPlacement (IgbDropdown と Select) は PopoverPlacement に名前が変更されました。
  • DropdownScrollStrategy (IgbDropdown) と SelectScrollStrategy (Select) が統合され、PopoverScrollStrategy に名前が変更されました。
  • SliderBaseTickOrientation (IgbSlider および IgbRangeSlider) の名前が SliderTickOrientation に変更されました。
  • TickLabelRotation (IgbSlider と IgbRangeSlider) の名前が SliderTickLabelRotation に変更されました。
• IgbTabs

IgniteUI.Blazor (グリッド)

IgniteUI.Blazor (ダッシュボード)

機能拡張

The IgbGeographicMap now supports Azure-based map imagery, allowing developers to display detailed, dynamic maps across multiple application types. You can combine multiple map layers, visualize geographic data, and create interactive mapping experiences with ease.

Note: Support for Bing Maps imagery is being phased out. Existing enterprise keys can still be used to access Bing Maps, ensuring your current applications continue to function while you transition to Azure maps.

Explore some of the publicly available Azure maps here.

Toolbar

• ツールバーから追加された値レイヤーが凡例に表示されるようになりました。
• ズーム リセット ツールはズーム ドロップダウンに移動されました。

Data Pie Chart

• チャートは GetOthersContext() メソッドを公開するようになりました。これにより、Others (その他) スライスのコンテンツが返されます。

バグ修正

24.2.122 (May 2025)

バグ修正

24.2.111 (April 2025)

新しいコンポーネント

• IgbTileManager

Microsoft Bing Blogs

機能拡張

• Added Preview Chart Data Annotations layers:

  • Data Annotation Band Layer
  • Data Annotation Line Layer
  • Data Annotation Rect Layer
  • Data Annotation Slice Layer
  • Data Annotation Strip Layer

• The Data Tooltip and Data Legend expose Preview LayoutMode property that you can use to layout the contents of the tooltip or legend in a table or vertical layout structure.

• Preview The DefaultInteraction property of the charts has been updated to include a new enumeration - DragSelect in which the dragged preview Rect will select the points contained within.

• Preview The ValueOverlay and ValueLayer, in addition to the Preview Chart Data Annotations listed above now expose an OverlayText property that can be used to overlay additional annotation text in the plot area. These appearance of these annotations can be configured by using the many OverlayText-prefixed properties. For example, the OverlayTextBrush property will configure the color of the overlay text.

• New Trendline Layer series type that allows you to apply a single trend line per trend line layer to a particular series. This allows the usage of multiple trend lines on a single series since you can have multiple TrendlineLayer series types in the chart.

List

• IgbListItem に新しいプロパティ Selected を追加しました。

<IgbButton id="target-button">Hover me</IgbButton>
<IgbTooltip Anchor="target-button">
    You've hovered the button! 🎉
</IgbTooltip>

The tooltip can be further customized with Show/HideDelay, Placement around the target and customizable Show/HideTriggers events.

Accordion

• 新しいイベント Open および Close を追加しました。

  Simplified configuration by removing the need to define separate panel and linking the panel and tab header. The Panel property and the IgbTabPanel itself have been removed. Content can be now assigned directly to the IgbTab and header text can be set conveniently via the new Label property or by projecting an element to slot="label" for more involved customization. Before:

<IgbTabs Alignment=@TabAlignment>
    <IgbTab Panel="basics">Basics</IgbTab>
    <IgbTab Panel="details">Details</IgbTab>
    <IgbTab Panel="favorite">
        <IgbIcon IconName="favorite" Collection="material"/>
    </IgbTab>
    <IgbTab Panel="disabled" Disabled=true>Disabled</IgbTab>
    <IgbTabPanel id="basics">Basics tab content</IgbTabPanel>
    <IgbTabPanel id="details">Details tab content</IgbTabPanel>
    <IgbTabPanel id="favorite">Favorite tab content</IgbTabPanel>
    <IgbTabPanel id="disabled">Disabled tab content will not be displayed</IgbTabPanel>
</IgbTabs>

After:

<IgbTabs Alignment=@TabAlignment>
    <IgbTab Label="Basics">
        Basics tab content
    </IgbTab>
    <IgbTab Label="Details">
        Details tab content
    </IgbTab>
    <IgbTab>
        <IgbIcon slot="label" IconName="favorite" Collection="material"/>
        Favorite tab content
    </IgbTab>
    <IgbTab Disabled="true" Label="Disabled">
        Disabled tab content will not be displayed
    </IgbTab>
</IgbTabs>

• IgbInput
  • Min & Max are now double instead of string
• IgbStepper
  • IgbActiveStepChangingArgsEventArgs has been renamed to IgbActiveStepChangingEventArgs
  • IgbActiveStepChangedArgsEventArgs has been renamed to IgbActiveStepChangedEventArgs
  • StepperTitlePosition now defaults to Auto to correctly reflect the default behavior
• IgbTree
  • IgbTreeSelectionChangeEventArgs has been renamed to IgbTreeSelectionEventArgs
• IgbTextarea
  • Autocapitalize & InputMode are now string properties instead of explicit enums

IgniteUI.Blazor

• すべてのグリッド
  • IgbFilteringExpressionsTree プロパティを使用して初期フィルタリングの適用が可能になりました。

バグ修正

24.2.92 (March 2025)

IgniteUI.Blazor

• すべてのグリッド
  • グリッドの列に新しい DisabledSummaries が追加され、開発者が一部の集計をスキップできるようにしました。
  • 内部グリッド アクション ボタンをカプセル化しました。

バグ修正

24.2.85 (February 2025)

機能拡張

Toolbar

• IgbToolbar と IgbToolPanel に新しい GroupHeaderTextStyle プロパティを追加しました。設定されている場合、すべての IgbToolActionGroupHeader アクションに適用されます。
• タイトル テキストの水平方向の配置を制御する TitleHorizontalAlignment という新しいプロパティを IgbToolAction に追加しました。
• IgbToolActionSubPanel に、パネル内の項目間の間隔を制御する ItemSpacing という新しいプロパティを追加しました。

バグ修正

24.2.71 (January 2025)

• バグ修正

IgniteUI.Blazor

24.2.52 (December 2024)

• Added new property on IgbListItem called Selected

IgniteUI.Blazor (チャート)

• Preview Dashboard Tile コンポーネントは、バインドされた ItemsSource コレクションまたは単一のポイントを分析および視覚化し、データのスキーマとカウントに基づいて適切なデータ視覚化を返すコンテナー コントロールです。このコントロールは、組み込みの Toolbar コンポーネントを利用して、実行時に視覚化を変更できるようにし、最小限のコードでデータのさまざまな視覚化を表示できるようにします。

IgniteUI.Blazor (入力)

• Preview カラー エディターはスタンドアロンのカラー ピッカーとして使用できるようになり、さらに Toolbar コンポーネントの Preview ToolAction に統合され、実行時に視覚化を更新できるようになりました。

24.2.19 (November 2024)

一般

24.1.46 (September 2024)

• All Grids
  • Added new DisabledSummaries for the columns of the grid, allowing the developers to skip some of the summaries
  • Encapsulate internal grid action button

IgniteUI.Blazor (チャート)

• 新しいデータ円チャート - IgbDataPieChart は円ャートを表示する新しいコンポーネントです。このコンポーネントは、IgbCategoryChart と同様に動作し、基になるデータ モデルのプロパティを自動的に検出しながら、ItemLegend コンポーネントを介して選択、強調表示、アニメーション、凡例のサポートを可能にします。

一般

IgniteUI.Blazor

23.2.257 (June 2024)

• Added new GroupHeaderTextStyle property to IgbToolbar and IgbToolPanel. If set, it will apply to all IgbToolActionGroupHeader actions.
• Added new property on IgbToolAction called TitleHorizontalAlignment which controls the horizontal alignment of the title text.
• Added new property on IgbToolActionSubPanel called ItemSpacing which controls the spacing between items inside the panel.

一般

• IgbInput、IgbTextarea - ユーザー入力を制限することなく検証ルールを適用できるように ValidateOnly を公開しました。
• IgbDropdown - IgbPositionStrategy プロパティは非推奨です。ドロップダウンは、ブラウザー ビューポートの最上位レイヤーにコンテナーをレンダリングするために Popover API を使用するようになったため、このプロパティは廃止されました。
• IgbDockManager - IgbSplitPane の IsMaximized は非推奨です。分割ペイン レベルで isMaximized を true に設定しても、分割ペインはコンテナーとしてのみ機能し、最大化されて表示される実際のコンテンツがないため、実際の効果はありません。代わりに、IgbTabGroupPane および/または IgbContentPane の IsMaximized プロパティを使用してください。

IgniteUI.Blazor

• DisplayDensity は非推奨となり、代わりに --ig-size CSS カスタム プロパティが使用されるようになりました。詳細については、グリッド サイズ トピックを参照してください。

IgniteUI.Blazor (チャート)

• データ凡例のグループ化 と データ ツールチップのグループ化 - 新しいグループ化機能が追加されました。GroupRowVisible プロパティは、各シリーズのグループ化を切り替え、オプトインすると DataLegendGroup プロパティを介してグループ テキストを割り当てることができます 同じ値が複数のシリーズに適用されている場合、それらはグループ化されて表示されます。すべてのユーザー向けに分類および整理する必要がある大規模なデータセットに役立ちます。

IgniteUI.Blazor (ゲージ)

23.2.204 (March 2024)

• Preview Dashboard Tile component is a container control that analyzes and visualizes a bound ItemsSource collection or single point and returns an appropriate data visualization based on the schema and count of the data. This control utilizes a built-in Toolbar component to allow you to make changes to the visualization at runtime, allowing you to see many different visualizations of your data with minimal code.

IgniteUI.Blazor (チャート)

InitialFilter プロパティによる新しいデータ フィルタリング。フィルター式を適用して、チャート データをレコードのサブセットにフィルターします。大規模なデータのドリルダウンに使用できます。

• IgbBulletGraph
  • HighlightValueDisplayMode が ‘Overlay’ 設定に適用されたとき、パフォーマンス バーには値と新しい HighlightValue の差が反映されるようになりました。ハイライト値には、フィルタリング/サブセットの測定パーセンテージが塗りつぶされた色で表示され、残りのバーの外観は割り当てられた値に対して薄く表示され、リアルタイムでパフォーマンスを示します。
• IgbLinearGauge
  • 新しいハイライト針が追加されました。HighlightValue と HighlightValueDisplayMode の両方に値と ‘Overlay’ 設定が指定されたとき、メインの針が薄く表示され、新しい針が表示されます。
• IgbRadialGauge
  • 新しいハイライト針が追加されました。HighlightValue と HighlightValueDisplayMode の両方に値と ‘Overlay’ 設定が指定されたとき、メインの針が薄く表示され、新しい針が表示されます。

• With the release of version 2024.2 and per the Microsoft .NET lifecycle, we no longer support .NET 3.1, .NET 5, or .NET 7.

23.2.191 (April 2024)

23.2.189 (March 2024)

• New Carousel component.
• IgbInput
  • Changed change event argument type from IgbComponentDataValueChangedEventArgs to IgbComponentValueChangedEventArgs

新しいコンポーネント

新機能

• IgbDockManager
  • 新しい ProximityDock プロパティ。有効にすると、ドッキング インジケーターは表示されなくなり、エンド ユーザーは、ドラッグしたペインをターゲット ペインの端に近づけてドラッグすることでドッキングできます。
  • 新しい ContainedInBoundaries プロパティ。フローティング ペインを Dock Manager の境界内に保持するかどうかを決定します。デフォルトは false です。
  • 新しい ShowPaneHeaders プロパティ。ペインのヘッダーをホバー時にのみ表示するか、常に表示するかを決定します。デフォルトは always です。
• IgbTree
  • ノードをクリックすると展開状態が変更されるかどうかを決定する toggleNodeOnClick プロパティが追加されました。デフォルトは false です。
• IgbRating
  • allowReset が追加されました。有効にすると、同じ値を選択するとコンポーネントがリセットされます。動作の変更 - 以前のリリースでは、これが Rating コンポーネントのデフォルトの動作でした。アプリケーションでこの動作を維持する必要がある場合は、必ず allowReset を設定してください。

• Select、IgbDropdown

  • selectedItem、items、および groups ゲッターが公開されました。
• IgbRadialGauge
  • 新しいタイトル/サブタイトルのプロパティ。TitleText、SubtitleText はゲージの下部近くに表示されます。さらに、TitleFontSize、TitleFontFamily、TitleFontStyle、TitleFontWeight、TitleExtent など、さまざまなタイトルとサブタイトルのフォント プロパティが追加されました。最後に、新しい TitleDisplaysValue により、値を針の位置に対応させることができます。
  • IgbRadialGauge の新しい OpticalScalingEnabled プロパティと OpticalScalingSize プロパティ。この新機能は、ゲージのラベル、タイトル、サブタイトルが 100% のオプティカル スケーリングを持つサイズを管理します。この新機能の詳細については、こちらを参照してください。
  • 新しいハイライト針が追加されました。HighlightValue と HighlightValueDisplayMode の両方に値と ‘Overlay’ 設定が指定されたとき、メインの針が薄く表示され、新しい針が表示されます。

• RadialChart

  • 新しいラベル モード
    • 新しいタイトル/サブタイトルのプロパティ。TitleText、SubtitleText はゲージの下部近くに表示されます。さらに、TitleFontSize、TitleFontFamily、TitleFontStyle、TitleFontWeight、TitleExtent など、さまざまなタイトルとサブタイトルのフォント プロパティが追加されました。最後に、新しい TitleDisplaysValue により、値を針の位置に対応させることができます。
    • IgbRadialGauge の新しい OpticalScalingEnabled プロパティと OpticalScalingSize プロパティ。この新機能は、ゲージのラベル、タイトル、サブタイトルが 100% のオプティカル スケーリングを持つサイズを管理します。この新機能の詳細については、このトピックを参照してください。
    • 新しいハイライト針が追加されました。HighlightValue と HighlightValueDisplayMode の両方に値と ‘Overlay’ 設定が指定されたとき、メインの針が薄く表示され、新しい針が表示されます。

• RadialChart

  • 新しいラベル モード IgbCategoryAngleAxis は、ラベルの位置をさらに構成できる LabelMode プロパティを公開するようになりました。これにより、Center 列挙型を選択してデフォルト モードを切り替えることも、ラベルを円形のプロット領域に近づける新しいモード ClosestPoint を使用することもできます。

• New Proportional Category Angle Axis - New axes for the Radial Pie Series in the IgbDataChart, to plot slices similar to a pie chart, a type of data visualization where data points are represented as segments within a circular graph.

• IgbToolbar

  • New ToolActionCheckboxList A new CheckboxList ToolAction that displays a collection of items with checkboxes for selecting. A grid inside ToolAction CheckboxList grows in height up to 5 items, then a scrollbar is displayed. Requires IgbCheckboxListModule to be registered.

  • New Filtering Support

  • Axis Field Changes New default IconMenu in Toolbar when targeting CategoryChart. Label fields are mapped to the X-axis and Value fields are mapped to the Y-axis. Target chart reacts in realtime to changes made. IconMenu is hidden when chart has no ItemsSource set.

一般

• IgbInput、IgbMaskInput、IgbDateTimeInput、IgbRating
  • Readonly は ReadOnly に名前が変更されました。
• IgbInput
  • Maxlength は MaxLength に名前が変更されました。
  • Minlength は MinLength に名前が変更されました。

Breaking Changes

• Renamed old IgbDatePicker to IgbXDatePicker.
• Removed Form component. Use native form instead.
• Removed size property in favor of the --ig-size CSS custom property for the following components:
  • IgbAvatar, IgbButton,IgbIconButton, IgbCalendar, IgbChip, IgbDropdown, IgbIcon, IgbInput, IgbList, IgbRating, IgbSnackbar, IgbTabs, IgbTree
• IgbBadge, IgbChip, IgbLinearProgress, IgbCircularProgress
  • Renamed Variant property type to StyleVariant.
• IgbCalendar
  • Renamed WeekStart property type to WeekDays.
• IgbCheckbox, IgbSwitch
  • Changed Change event argument type from IgbComponentBoolValueChangedEventArgs to IgbCheckboxChangeEventArgs.
• IgbCombo
  • The IgbCombo is now of generic type and the Value type is now of type T[]. This means that either you need to specify T or it will be inferred by the assigned Value type.
  • Removed IgbPositionStrategy, Flip, SameWidth properties.
• IgbSelectComponent
  • Removed IgbPositionStrategy, Flip, SameWidth properties.
• IgbDateTimeInput
  • Removed MaxValue and MinValue properties. Use Max and Min instead.
• IgbDropdown
  • Removed IgbPositionStrategy property.
• IgbInput
  • Removed old named Maxlength and Minlength properties. Use MaxLength and MinLength.
  • Removed old named Readonly and Inputmode properties. Use ReadOnly and InputMode.
  • Changed InputMode type also to string.
• IgbRadio
  • Changed Change event argument type from IgbComponentBoolValueChangedEventArgs to IgbRadioChangeEventArgs.
• IgbRangeSlider
  • Removed AriaThumbLower and AriaThumbUpper properties. Use ThumbLabelLower and ThumbLabelUpper instead.
• IgbRating
  • Renamed Readonly property to ReadOnly.

非推奨

• size プロパティと属性は、すべてのコンポーネントで非推奨になりました。代わりに --ig-size CSS カスタム プロパティを使用してください。次の例では、Avatar コンポーネントのサイズを小さく設定します:

  .avatar {
      --ig-size: var(--ig-size-small);
  }

削除済

23.2.110 (January 2024)

• IgbInput, IgbTextarea - exposed ValidateOnly to enable validation rules being enforced without restricting user input.
• IgbDropdown - IgbPositionStrategy property is deprecated. The dropdown now uses the Popover API to render its container in the top layer of the browser viewport, making the property obsolete.
• IgbDockManager - IgbSplitPane IsMaximized is deprecated. Having isMaximized set to true on a split pane level has no real effect as split panes serve as containers only, meaning they have no actual content to be shown maximized. Use the IsMaximized property of IgbTabGroupPane and/or IgbContentPane instead.

.NET 8.0 のサポート

• 2023.2 リリースでは .NET 8 がサポートされます。.NET 8 の詳細については、Microsoft サイトをご確認ください。

The type of Values from IgbPivotConfiguration option is now array of IgbPivotValue - IgbPivotValue[], it was IgbPivotValueCollection previously.

IgniteUI.Blazor (チャート)

• チャートのハイライト表示フィルター - IgbCategoryChart と IgbDataChart は、データのサブセットの内外でハイライト表示およびアニメーション化する方法を公開するようになりました。このハイライト表示の表示はシリーズのタイプによって異なります。列およびエリア シリーズの場合、サブセットはデータの合計セットの上に表示され、サブセットはシリーズの実際のブラシによって色付けされ、合計セットは不透明度を下げます。折れ線シリーズの場合、サブセットは点線で表示されます。

• Chart Selection - New series selection styling. This is adopted broadly across all category, financial and radial series for IgbCategoryChart and IgbDataChart. Series can be clicked and shown a different color, brightened or faded, and focus outlines. Manage which items are effected through individual series or entire data item. Multiple series and markers are supported. Useful for illustrating various differences or similarities between values of a particular data item. Also SelectedSeriesItemsChanged event and SelectedSeriesItems are available for additional help to build out robust business requirements surrounding other actions that can take place within an application such as a popup or other screen with data analysis based on the selection.

• Proportional Category Angle Axis - New axes for the Radial Pie Series in the IgbDataChart, to enable creating pie charts in the allowing robust visualizations using all the added power of the data chart.

• Treemap Highlighting - Now exposes a HighlightingMode property that allows you to configure the mouse-over highlighting of the items in the tree map. This property takes two options: Brighten where the highlight will apply to the item that you hover the mouse over only, and FadeOthers where the highlight of the hovered item will remain the same, but everything else will fade out. This highlight is animated, and can be controlled using the HighlightingTransitionDuration property.

• Treemap Percent-based Highlighting - New percent-based highlighting, allowing nodes to represent progress or subset of a collection. The appearance is shown as a fill-in of its backcolor up to a specific value either by a member on your data item or by supplying a new HighlightedItemsSource. Can be toggled via HighlightedValuesDisplayMode and styled via FillBrushes.

• IgbToolbar - New IsHighlighted option for ToolAction for outlining a border around specific tools of choice.

23.2.97 (December 2023)

• IgbRadialGauge
  • New label for the highlight needle. HighlightLabelText and HighlightLabelSnapsToNeedlePivot and many other styling related properties for the HighlightLabel were added.

IgniteUI.Blazor - Toolbar - Preview

IgniteUI.Blazor (Grid)

• 新規機能:

  • 状態保持
• IgbBulletGraph
  • The Performance bar will now reflect a difference between the value and new HighlightValue when the HighlightValueDisplayMode is applied to the ‘Overlay’ setting. The highlight value will show a filtered/subset measured percentage as a filled in color while the remaining bar’s appearance will appear faded to the assigned value, illustrating the performance in real-time.
• IgbLinearGauge
  • New highlight needle was added. HighlightValue and HighlightValueDisplayMode when both are provided a value and ‘Overlay’ setting, this will make the main needle to appear faded and a new needle will appear.
• IgbRadialGauge
  • New highlight needle was added. HighlightValue and HighlightValueDisplayMode when both are provided a value and ‘Overlay’ setting, this will make the main needle to appear faded and a new needle will appear.

23.1.37 (June 2023)

• Bug Fixes

新しいコンポーネント

IgniteUI.Blazor (チャート)

• ValueLayer - IgbValueLayer という名前の新しいシリーズ タイプが公開されました。これにより、Maximum、Minimum、Average など、プロットされたデータのさまざまな焦点のオーバーレイを描画できます。これは、新しい ValueLines コレクションに追加することで、IgbCategoryChart と IgbFinancialChart に適用されます。

22.2.65 (April 2023)

• IgbDockManager
  • New ProximityDock property. If enabled, docking indicators are not visible and the end user can dock the dragged pane by dragging it close to the target pane edges.
  • New ContainedInBoundaries property. Determines whether the floating panes are kept inside the Dock Manager boundaries. Defaults to false.
  • New ShowPaneHeaders property. Determines whether pane headers are only shown on hover or always visible. Defaults to always.
• IgbTree
  • Added toggleNodeOnClick property that determines whether clicking over a node will change its expanded state or not. Defaults to false.
• IgbRating
  • allowReset added. When enabled selecting the same value will reset the component. Behavioral change - In previous releases this was the default behavior of the rating component. Make sure to set allowReset if you need to keep this behavior in your application.
• Select, IgbDropdown
  • exposed selectedItem, items and groups getters
• IgbRadialGauge
  • New title/subtitle properties. TitleText, SubtitleText will appear near the bottom the gauge. In addition, the various title/subtitle font properties were added such as TitleFontSize, TitleFontFamily, TitleFontStyle, TitleFontWeight and TitleExtent. Finally, the new TitleDisplaysValue will allow the value to correspond with the needle’s position.
  • New OpticalScalingEnabled and OpticalScalingSize properties for the IgbRadialGauge. This new feature will manage the size at which labels, titles, and subtitles of the gauge have 100% optical scaling. You can read more about this new feature in this topic
  • New highlight needle was added. HighlightValue and HighlightValueDisplayMode when both are provided a value and ‘Overlay’ setting, this will make the main needle to appear faded and a new needle will appear.
• RadialChart
  • New Label Mode The IgbCategoryAngleAxis for the now exposes a LabelMode property that allows you to further configure the location of the labels. This allows you to toggle between the default mode by selecting the Center enum, or use the new mode, ClosestPoint, which will bring the labels closer to the circular plot area.

新しいコンポーネント

• Stepper

新しいコンポーネント

• Dialog
• Select

IgniteUI.Blazor (データ グリッド)

• 新しい引数 PrimaryKey が Detail から IgbRowDataEventArgs に導入されました。これは、RowAdded および RowDeleted イベントによって発行されるイベント引数の一部です。グリッドに主キー属性が追加されている場合、発行された primaryKey イベント引数は行 ID を表し、それ以外の場合はデフォルトで null 値になります。
• RowSelectionChanging イベント引数が変更されました。現在、グリッドが primaryKey を設定した場合、OldSelection、NewSelection、Added および Removed コレクションは、選択された要素の行キーで構成されなくなりましたが、いずれにしても行データが出力されるようになりました。
• グリッドがリモート データを操作していて、主キーが設定されている場合、現在グリッド ビューに含まれていない選択された行に対して、部分的な行データ オブジェクトが発行されます。
• 選択された行がグリッド コンポーネントから削除されると、RowSelectionChanging イベントは発生しなくなります。
• OnGroupingDone イベントは GroupingDone に名前が変更され、on プレフィックスを付けない出力規則に違反しなくなりました。
• OnDensityChanged イベントの名前が DensityChanged に変更され、on プレフィックスを付けない出力規則に違反しなくなりました。このイベントを公開しているすべてのコンポーネントが影響を受けます。

IgniteUI.Blazor (ピボット グリッド)

IgniteUI.Blazor (入力)

• IgbDateTimeInput、StepDownAsync(DateTimeInputDatePart.Date, SpinDelta.Date) は、DateTimeInputDatePart ではなく DatePart に切り詰められるようになりました。
• IgbRadio および IgbRadioGroup は、無効な状態のスタイルとともにコンポーネントの検証が追加されました。
• IgbMask は、マスク パターン リテラルをエスケープする機能が追加されました。
• IgbBadge は、バッジの形状を制御する Shape プロパティを追加し、Square または Rounded のいずれかになります。デフォルトでは、バッジの形状は rounded です。
• IgbAvatar、RoundShape プロパティは廃止され、将来のバージョンで削除される予定です。ユーザーは、新しく追加された Shape 属性によってアバターの形状を制御できます。これは、Square、Rounded、または Circle にすることができます。アバターのデフォルトの形状は Squareです。

IgniteUI.Blazor (DockManager)

• ドック マネージャーのペイン コレクションに保護されたセッターが追加されました。ペインを作成するときに、ネストされた構造でペインを設定するのではなく、Add を呼び出す必要があります。

22.2.50 (December 2022)

新しいコンポーネント

• コンボ
• ピボット グリッド
• .NET 7.0

22.1.76 (November 2022)

• Added New Features - State Persistence

新しいコンポーネント

IgniteUI.Blazor (チャート)

デフォルトの動作を大幅に改善し、カテゴリ チャート API を改良して使いやすくしました。これらの新しいチャートの改善点は次のとおりです:

IgniteUI.Blazor (データ グリッド)

• IgbColumn を IgbDataGridColumn に変更しました。

• GridCellEventArgs を IgbDataGridCellEventArgs に変更しました。

• GridSelectionMode を DataGridSelectionMode に変更しました。

• SummaryOperand を DataSourceSummaryOperand に変更しました。

• It is now possible to apply a dash array to the different parts of the series of the IgbDataChart. You can apply this to the series plotted in the chart, the gridlines of the chart, and the trendlines of the series plotted in the chart.

22.1.41 (June 2022)

IgniteUI.Blazor (チャート)

• 高度に構成可能な DataLegend コンポーネントが追加されました。これは、Legend とよく似たコンポーネントですが、シリーズの値を表示し、シリーズの行と値の列をフィルタリングし、値のスタイルとフォーマットを行うための多くの構成プロパティを提供します。
• 高度に構成可能な DataToolTip が追加されました。これは、シリーズの値とタイトル、およびシリーズの凡例バッジをツールチップに表示します。これは、すべてのチャート タイプのデフォルトのツールチップになりました。
• 積層シリーズのアニメーションとトランジションインのサポートが追加されました。IsTransitionInEnabled プロパティを true に設定すると、アニメーションを有効にできます。そこから、TransitionInDuration プロパティを設定してアニメーションが完了するまでの時間を決定し、TransitionInMode でアニメーションのタイプを決定できます。
• 追加された AssigningCategoryStyle イベントは、IgbDataChart のすべてのシリーズで利用できるようになりました。このイベントは、背景色の Fill やハイライト表示など、シリーズ項目の外観を条件付きで構成する場合に処理されます。
• CalloutLayer の新しい AllowedPositions 列挙体。チャート内のどこにコールアウトを配置するかを制限するために使用されます。デフォルトでは、コールアウトは最適な場所に配置されますが、これは TopLeft、TopRight、BottomLeft、または BottomRight を強制するために使用されます。
• 注釈レイヤーに追加された新しいコーナー半径プロパティ。各コールアウトのコーナーを丸めるために使用されます。コーナー半径がデフォルトで追加されていることに注意してください。
  • CalloutLayer の CalloutCornerRadius
  • FinalValueLayer の AxisAnnotationBackgroundCornerRadius
  • CrosshairLayer の XAxisAnnotationBackgroundCornerRadius と YAxisAnnotationBackgroundCornerRadius
• さまざまな方法でスクロールバーを有効にするための新しい HorizontalViewScrollbarMode および VerticalViewScrollbarMode 列挙体。IsVerticalZoomEnabled または IsHorizontalZoomEnabled と組み合わせると、チャートをナビゲートするための軸に沿ったスクロールバーを、常設またはフェードインおよびフェードアウトすることができます。
• 新しい FavorLabellingScaleEnd は、軸がスケールの最後にラベルを表示することを優先するかどうかを決定します。数値軸 (IgbNumericXAxis、IgbNumericYAxis、PercentChangeAxis など) とのみ互換性があります。
• 新しい IsSplineShapePartOfRange は、軸に要求された軸範囲にスプライン形状を含めるかどうかを決定します。
• 新しい XAxisMaximumGap は、XAxisGap を使用するときにプロットされたシリーズの最大許容値を決定します。ギャップは、プロットされたシリーズの列またはバー間のスペースの量を決定します。
• 新しい XAxisMinimumGapSize は、XAxisGap を使用するときに、プロットされたシリーズの最小許容ピクセルベース値を決定し、各カテゴリ間に常にある程度の間隔があることを保証します。

IgniteUI.Blazor (データ グリッド)

新機能 - 行ページングを追加しました。これは、大量のデータセットを類似したコンテンツを持つ一連のページに分割するために使用されます。ページネーションを使用すると、データを設定された行数で表示することができ、ユーザーはスクロール バーを使用せずにデータを順次閲覧することができます。テーブル ページネーションの UI には通常、現在のページ、合計ページ、ユーザーがページをめくるためのクリック可能な [前へ] と [次へ] の矢印 / ボタンなどが含まれます。

IgniteUI.Blazor (Dock Manager)

• Blazor ドック マネージャーは 現在 Preview です。ドックマネージャーにより、さまざまなサイズ、位置、動作をするペインによって複雑なレイアウトを管理し、アプリ内のさまざまな場所にドッキングできます。ドック マネージャーを使用すると、エンドユーザーは、ピン固定、サイズ変更、移動、フローティング、および非表示にするなど、ペインをカスタマイズすることができます。

新しいコンポーネント

• Chip
• Circular Progress
• Linear Progress
• Drop Down
• Slider & Range Slider
• Snackbar
• Toast

21.2.52 (December 2021)

IgniteUI.Blazor (データ グリッド)

• ValueField プロパティを string[] 型から string に変更しました。

IgniteUI.Blazor (入力)

日付ピッカー

• ValueChanged イベントを SelectedValueChanged に変更しました。

複数列コンボボックス

21.2.22 (November 2021)

• Grid
• TreeGrid

新しいコンポーネント

• Avatar

• Badge

• Button & Icon Button

• Card

• Checkbox

• Form

• Icon

• List

• Navigation Bar

• Navigation Drawer

• Radio & Radio Group

• Ripple

• Switch

• Responsive layouts for horizontal label rotation based on browser / screen size.

• Enhanced rendering for rounded labels on all platforms.

• Added marker properties to StackedFragmentSeries.

• Added ShouldPanOnMaximumZoom property.

• New Category Axis Properties:

  • ZoomMaximumCategoryRange
  • ZoomMaximumItemSpan
  • ZoomToCategoryRange
  • ZoomToItemSpan

• New Chart Aggregation API for Grouping, Sorting and Summarizing Category string and numeric values, eliminating the need to pre-aggregate or calculate chart data:

  • InitialSortDescriptions
  • InitialSorts
  • SortDescriptions
  • InitialGroups
  • InitialGroupDescriptions
  • GroupDescriptions
  • InitialSummaries
  • InitialSummaryDescriptions
  • SummaryDescriptions
  • InitialGroupSortDescriptions
  • GroupSorts
  • GroupSortDescriptions

Chart Aggregation will not work when using IncludedProperties | ExcludedProperties. These properties on the chart are meant for non-aggregated data. Once you attempt to aggregate data these properties should no longer be used. The reason it does not work is because aggregation replaces the collection that is passed to the chart for render. The include/exclude properties are designed to filter in/out properties of that data and those properties no longer exist in the new aggregated collection.

チャートとマップの改善

このリリースでは、地理マップとすべてのチャート コンポーネントのビジュアル デザインと構成オプションにいくつかの改善と簡素化が導入されています。

IgniteUI.Blazor (データ グリッド)

21.1.52 (April 2021)

• Added the highly-configurable DataLegend component, which works much like the Legend, but it shows values of series and provides many configuration properties for filtering series rows and values columns, styling and formatting values.
• Added the highly-configurable DataToolTip which displays values and titles of series as well as legend badges of series in a tooltip. This is now the default tooltip for all chart types.
• Added animation and transition-in support for Stacked Series. Animations can be enabled by setting the IsTransitionInEnabled property to true. From there, you can set the TransitionInDuration property to determine how long your animation should take to complete and the TransitionInMode to determine the type of animation that takes place.
• Added AssigningCategoryStyle event, is now available to all series in IgbDataChart. This event is handled when you want to conditionally configure aspects of the series items such as Fill background-color and highlighting.
• New AllowedPositions enumeration for CalloutLayer. Used to limit where the callouts are to be placed within the chart. By default, the callouts are intelligently placed in the best place but this used to force for example TopLeft, TopRight, BottomLeft or BottomRight.
• New corner radius properties added for Annotation Layers; used to round-out the corners of each of the callouts. Note, a corner radius has now been added by default.
  • CalloutCornerRadius for CalloutLayer
  • AxisAnnotationBackgroundCornerRadius for FinalValueLayer
  • XAxisAnnotationBackgroundCornerRadius and YAxisAnnotationBackgroundCornerRadius for CrosshairLayer
• New HorizontalViewScrollbarMode and VerticalViewScrollbarMode enumeration to enable scrollbars in various ways. When paired with IsVerticalZoomEnabled or IsHorizontalZoomEnabled, you’ll be able to persist or fade-in and out the scrollbars along the axes to navigate the chart.
• New FavorLabellingScaleEnd, determines whether the axis should favor emitting a label at the end of the scale. Only compatible with numeric axes (e.g. IgbNumericXAxis, IgbNumericYAxis, PercentChangeAxis).
• New IsSplineShapePartOfRange determines whether to include the spline shape in the axis range requested of the axis.
• New XAxisMaximumGap, determines the maximum allowed value for the plotted series when using XAxisGap. The gap determines the amount of space between columns or bars of plotted series.
• New XAxisMinimumGapSize, determines the minimum allowed pixel-based value for the plotted series when using XAxisGap to ensure there is always some spacing between each category.

新しいビジュアル デザイン

Added New Feature - Row Paging which is used to split a large set of data into a sequence of pages that have similar content. With pagination, data can be displayed in a set number of rows, letting users “scroll” through their data, without needing a scroll bar. The UI for table pagination usually includes things like the current page, total pages, and clickable Previous and Next arrows/buttons that let users flip through the pages of data.

チャートとマップ

このリリースでは、すべてのチャート コンポーネントに、いくつかの新しく改善されたビジュアル デザインと構成オプションが導入されています。例えば、IgbDataChart、IgbCategoryChart、および IgbFinancialChart。

チャート凡例

• バブル、ドーナツ、および円チャートで使用できる水平方向の Orientation プロパティを ItemLegend に追加しました。
• LegendHighlightingMode プロパティの追加 - 凡例項目にホバーした時にシリーズのハイライト表示を有効にします。

地理マップ

IgniteUI.Blazor (データ グリッド)

• EditOnKeyPress、(別名: Excel スタイルの編集) を追加し、入力するとすぐに編集を開始します。
• EditModeClickAction プロパティを追加しました - デフォルトでは、編集モードに入るにはダブル クリックが必要です。これを SingleClick に設定して、新しいセルを選択するときに編集モードを実行できるようにすることができます。
• EnterKeyBehaviors プロパティの追加 - 別名 Excel スタイル ナビゲーション (Enter 動作) - Enter キーの動作を制御します。たとえば、オプションは none、edit、move up、down、left、right です。
• EnterKeyBehaviorAfterEdit プロパティの追加 - 編集モードでは、このプロパティは Enter キーが押されたときを制御します。例えば、オプションは (下、上、右、左のセルに移動) です。
• SelectAllRows メソッドを追加しました。
• 行範囲の選択を追加しました - GridSelectionMode プロパティを MultipleRow に設定すると、次の新しい機能が含まれるようになりました:
  • クリックしてドラッグし、行を選択します。
  • SHIFT キーを押しながらクリックして、複数の行を選択します。
  • SHIFT キーを押しながら ↑ + ↓ 矢印キーを押して、複数の行を選択します。
• スペース バーを押すと、MultipleRow または SingleRow に設定された GridSelectionMode プロパティを介してアクティブな行の選択が切り替わります。
• 列オプション ダイアログに列集計を追加しました。

IgniteUI.Blazor (入力)

• A new ValueChanged event supports 2-way binding and should only be handled if you have not bound the Value property. In order to read the Value field from the control without data binding the ValueChanged event should be handled, otherwise if your data is not bound you should use GetCurrentValueAsync to read the controls Value.

日付ピッカー

• ShowTodayButton - 現在の日付のボタンの表示を切り替えます。
• Label - 日付値の上にラベルを追加します。
• Placeholder プロパティ - 値が選択されていない場合にカスタム テキストを追加します。
• FormatString - 入力日付文字列をカスタマイズします。(例: yyyy-MM-dd)
• DateFormat - 選択した日付を LongDate または ShortDate のどちらとして表示するかを指定します。
• FirstDayOfWeek - 週の最初の曜日を指定します。
• FirstWeekOfYear - 年の最初の週をいつ表示するかを指定します。例えば、最初の 1 週間、最初の 4 日間の週です。
• ShowWeekNumbers - 週番号の表示を切り替えます。
• MinDate & MaxDate - 使用可能の選択できる日付の範囲を指定する日付制限。
• アクセシビリティの追加

Multi-Column ComboBox

• Changed TextChanged event to TextValueChanged.
• Changed ValueChanged event to SelectedValueChanged.

21.2.22 (November 2021)

New Components

• Avatar
• Badge
• Button & Icon Button
• Card
• Checkbox
• Form
• Icon
• List
• Navigation Bar
• Navigation Drawer
• Radio & Radio Group
• Ripple
• Switch

Chart and Map Improvements

This release introduces a few improvements and simplifications to visual design and configuration options for the geographic map and all chart components.

• Changed YAxisLabelLocation property’s type to YAxisLabelLocation from AxisLabelLocation in IgbFinancialChart and IgbCategoryChart
• Changed XAxisLabelLocation property’s type to XAxisLabelLocation from AxisLabelLocation in IgbFinancialChart
• Added XAxisLabelLocation property to IgbCategoryChart
• Added support for representing geographic series of IgbGeographicMap in a legend
• Added crosshair lines by default in IgbFinancialChart and IgbCategoryChart
• Added crosshair annotations by default in IgbFinancialChart and IgbCategoryChart
• Added final value annotation by default in IgbFinancialChart
• Added new properties in Category Chart and Financial Chart:
  • CrosshairsLineThickness and other properties for customizing crosshairs lines
  • CrosshairsAnnotationXAxisBackground and other properties for customizing crosshairs annotations
  • FinalValueAnnotationsBackground and other properties for customizing final value annotations
  • AreaFillOpacity that allow changing opacity of series fill (e.g. Area chart)
  • MarkerThickness that allows changing thickness of markers
• Added new properties in Category Chart, Financial Chart, Data Chart, and Geographic Map:
  • MarkerAutomaticBehavior that allows which marker type is assigned to multiple series in the same chart
  • LegendItemBadgeShape for setting badge shape of all series represented in a legend
  • LegendItemBadgeMode for setting badge complexity on all series in a legend
• Added new properties in Series in Data Chart and Geographic Map:
  • LegendItemBadgeShape for setting badge shape on specific series represented in a legend
  • LegendItemBadgeMode for setting badge complexity on specific series in a legend
• Changed default vertical crosshair line stroke from #000000 to #BBBBBB in category chart and series
• Changed shape of markers to circle for all series plotted in the same chart. This can be reverted by setting chart’s MarkerAutomaticBehavior property to SmartIndexed enum value
• Simplified shapes of series in chart’s legend to display only circle, line, or square. This can be reverted by setting chart’s LegendItemBadgeMode property to MatchSeries enum value
• Changed color palette of series and markers displayed in all charts to improve accessibility

IgniteUI.Blazor (Data Grid)

• New Features Added:
  • Filter Row
  • Load/Save Layout Customizations
  • GroupBy Area for column grouping
  • Cell Merging
• New API:
  • Added SelectionChanged event. Used to detect changes on selection interactions e.g. Multiple row selection.
• Breaking Changes:
  • Changed grid’s SummaryScope property’s type to SummaryScope from DataSourceSummaryScope
  • Changed GroupHeaderDisplayMode property’s type to GroupHeaderDisplayMode from DataSourceSectionHeaderDisplayMode

21.1.52 (April 2021)

New Visual Designs

Charts & Maps

This release introduces several new and improved visual design and configuration options for all of the chart components, e.g. IgbDataChart, IgbCategoryChart, and IgbFinancialChart.

• Changed Bar/Column/Waterfall series to have square corners instead of rounded corners
• Changed Scatter High Density series’ colors for heat min property from #8a5bb1 to #000000
• Changed Scatter High Density series’ colors for heat max property from #ee5879 to #ee5879
• Changed Financial/Waterfall series’ NegativeBrush and NegativeOutline properties from #C62828 to #ee5879
• Changed marker’s thickness to 2px from 1px
• Changed marker’s fill to match the marker’s outline for IgbPointSeries, IgbBubbleSeries, IgbScatterSeries, IgbPolarScatterSeries. You can use set MarkerFillMode property to Normal to undo this change
• Compressed labelling for the IgbTimeXAxis and IgbOrdinalTimeXAxis
• New Marker Properties:
  • series.MarkerFillMode - Can be set to MatchMarkerOutline so the marker depends on the outline
  • series.MarkerFillOpacity - Can be set to a value 0 to 1
  • series.MarkerOutlineMode - Can be set to MatchMarkerBrush so the marker’s outline depends on the fill brush color
• New Series Property:
  • series.OutlineMode - Can be set to toggle the series outline visibility. Note, for Data Chart, the property is on the series
• New chart properties that define bleed over area introduced into the viewport when the chart is at the default zoom level. A common use case is to provide space between the axes and first/last data points. Note, the ComputedPlotAreaMarginMode, listed below, will automatically set the margin when markers are enabled. The others are designed to specify a Double to represent the thickness, where PlotAreaMarginLeft etc. adjusts the space to all four sides of the chart:
  • chart.PlotAreaMarginLeft
  • chart.PlotAreaMarginTop
  • chart.PlotAreaMarginRight
  • chart.PlotAreaMarginBottom
  • chart.ComputedPlotAreaMarginMode
• New Highlighting Properties
  • chart.HighlightingMode - Sets whether hovered or non-hovered series to fade, brighten
  • chart.HighlightingBehavior - Sets whether the series highlights depending on mouse position e.g. directly over or nearest item
  • Note, in previous releases the highlighting was limited to fade on hover.
• Added Highlighting Stacked, Scatter, Polar, Radial, and Shape series:
• Added Annotation layers to Stacked, Scatter, Polar, Radial, and Shape series:
• Added support for overriding the data source of individual stack fragments within a stacked series
• Added custom style events to Stacked, Scatter, Range, Polar, Radial, and Shape series
• Added support to automatically sync the vertical zoom to the series content
• Added support to automatically expanding the horizontal margins of the chart based on the initial labels displayed
• Redesigned color palette of series and markers:

for example:

Chart Legend

• Added horizontal Orientation property to ItemLegend that can be used with Bubble, Donut, and Pie Chart
• Added LegendHighlightingMode property - Enables series highlighting when hovering over legend items

Geographic Map

• Added support for wrap around display of the map (scroll infinitely horizontally)
• Added support for shifting display of some map series while wrapping around the coordinate origin
• Added support for highlighting of the shape series
• Added support for some annotation layers for the shape series

IgniteUI.Blazor (Data Grid)

• Added EditOnKeyPress aka Excel-style Editing, instantly begin editing when typing.
• Added EditModeClickAction property - By default double-clicking is required to enter edit mode. This can be set to SingleClick to allow for edit mode to occur when selecting a new cell.
• Added EnterKeyBehaviors property - aka Excel-style Navigation (Enter Behavior) – controls the behavior of the enter key, e.g. Options are (none, edit, move up, down, left, right)
• Added EnterKeyBehaviorAfterEdit property - While in edit-mode, this property controls when enter is pressed, e.g. Options are (moves to the cell below, above, right, left)
• Added SelectAllRows - method.
• Added Row Range Selection - With GridSelectionMode property set to MultipleRow the following new functionality is now included:
  • Click and drag to select rows
  • SHIFT and click to select multiple rows.
  • SHIFT and press the ↑ + ↓ arrow keys to select multiple rows.
• Pressing space bar toggles selection of active row via GridSelectionMode property set to MultipleRow or SingleRow
• Added Column Summaries to Column Options Dialog.

IgniteUI.Blazor (Inputs)

Date Picker

• ShowTodayButton - Toggles Today button visibility
• Label - Adds a label above the date value
• Placeholder property - adds custom text when no value is selected
• FormatString - Customize input date string e.g. (yyyy-MM-dd)
• DateFormat - Specifies whether to display selected dates as LongDate or ShortDate
• FirstDayOfWeek - Specifies first day of week
• FirstWeekOfYear - Specifies when to display first week of the year, e.g. (First Full Week, First Four day Week)
• ShowWeekNumbers - Toggles Week number visibility
• MinDate & MaxDate - Date limits, specifying a range of available selectable dates.
• Added Accessibility