Ignite UI for Blazor

IgbButton – クリックでボタンの色を切り替える方法

本記事では、クリックイベントを利用してIgbButtonの色を動的に変更する方法を解説します。コード（ロジック）部分 IgbButton の設定 CSSでスタイルを定義実行結果サンプルプログラムのダウンロード Gi […]

IgbGridでは列のBodyTemplateScriptプロパティを使用してセルに表示するコンテンツをカスタムで作成することができます。例えば列のデータとして進捗を表す数値をパーセントで持たせ、進捗状況を視覚的に表示 […]

IgbDataChartではIgbValueLayerを使用してシリーズの最小値、最大値、平均値を表示することができます。IgbValueLayerのValueModeプロパティでは、各シリーズに対してそれぞれの最小値、 […]

IgbTextarea の初期表示時の高さは Row プロパティに設定された行数分となります。ピクセル単位で指定する場合は、以下のようにcssパーツを設定できます。 KB15584-IgbTextAreaHeight ダ […]

IgbGrid においてデータのフォーマットをカスタマイズする方法についてご紹介します。本記事では、FormatterScript を使用して、数値データに単位を付加する方法を解説します。 IgbGrid の設定 Igb […]

IgbGrid を使用してグリッドを作成する際に、Excel スタイルのフィルターメニューがありますが、プロジェクトによっては特定の機能を非表示にしたい場合があります。下図は通常のExcel スタイルフィルターメニューの […]

IgbGrid を使用してグリッドを作成する際、セル内のテキストを右寄せにする方法を紹介します。以下の図は、「氏名列」と「職種列」に DataType=”GridColumnDataType.String&# […]

Visual Studio および Ignite UI for Blazor を使用して Blazor Web App アプリケーションを作成する手順を説明します。この記事では、使用する Interactive rend […]

IgbGridの日付タイプのセルで表示されるポップアップカレンダーはデフォルトで英語表記となっています。カレンダーを日本語で表示するには、JavaScript を使用して日本語情報を持つ “ja&#8221 […]

IgbGrid で行選択機能を使用する際、デフォルトでは行またはセルをクリックすると行選択状態となります。本記事では行をクリックしても行選択状態とならず、チェックボックスの使用のみ行選択する方法について解説します。 Se […]