Ignite UI for Blazor

IgbDatePicker – 見た目を IgbInput などの他の入力系コンポーネントと同じにする

Ignite UI for Blaozr の日付ピッカーコンポーネント IgbDatePicker は、既定では、下図のとおり、IgbInput などの他の入力系のコンポーネントと外観が異なっています (例えば、ライトモ […]

Ignite UI for Blazor のコンボコンポーネント IgbCombo では、ValueKey パラメーターに指定したメンバー値について、双方向データバインディングを実装することができます。より具体的には、 […]

IgbGridのグループヘッダー（複数列ヘッダー）の背景色を設定する場合は、IgbColumnGroup の HeaderGroupClasses にCSSクラスを指定してください。　実行結果　サンプル &#82 […]

IgbCombo で選択されている値を取得したい場合は、JavaScript 側で IgbCombo の描画要素である igc-combo を取り出してください。igc-combo の value が選択されている値です […]

IgbGrid の Date タイプ列に関して、フィルタに表示されるデフォルトの日付フォーマットは、以下のようになっております。 “dd/mm/yyyy HH:mm:ss” 　これを上図のように […]

IgbTabsのタブのスタイルはCSS にて設定することができます。例えば、選択されているタブはigc-tab 要素のうち、selected 属性が付いている要素になりますので、この要素に対してbackgroundを指定 […]

IgbDoughnutChartのドーナツの中心にラベルを表示するには、以下のようにIgbDoughnutChartを親要素に配置してWidthとHeightを100%に設定し、ラベルテキスト表示用のspanタグなどを親 […]

IgbGridの選択された行のデータはSelectedRowsプロパティより取得できます。 KB10499-BlazorAppGrid_SelectedRows ダウンロード GitHub リポジトリはこちら

IgbGrid 本体の日本語化 IgbGrid の表示は、既定では英語表記となっています (下図は IgbGrid の FilterMode パラメーターに FilterMode.ExcelStyleFilter を指定 […]

IgbLegendの凡例項目は通常シリーズコレクションに追加された順に表示されますが、cssを使用して順序を逆にすることができます。