Ignite UI for Blazor

IgbTextarea – 内容に合わせてサイズを伸縮したい

入力内容に応じてテキストエリアの高さを自動調整する方法について、デフォルトでは固定の高さですが、CSS のfield-sizingプロパティを使用することで、コンテンツ量に合わせて動的にサイズを変更できます。この記事で […]

IgbDataChart ではデータの変更を行った場合は Notify メソッドを実行すると変更が UI に通知されます。Notify メソッドは変更内容に応じて数種類用意されています。例えば、データコレクション内のある […]

IgbButton は、Disabled プロパティよりボタンを無効化できます。本記事では、アプリのテーマに合わせてデザインを統一したい場合など、Disabled 時の見た目をカスタマイズする方法を紹介します。実装例 […]

IgbGrid では、ユーザーが行をダブルクリックしたときに、特定の行のデータを取得して処理することが可能です。本記事では、IgbGrid の行をダブルクリックした際に行データを取得し、JavaScript でアラート表 […]

IgbGrid において、デフォルト設定では画面上で非表示 (Hidden) に設定された列は、下図のように、Excel エクスポート時に出力されません。本記事では、IgbGrid の Excel エクスポート機能を […]

IgbCircularProgress は複数の円形プログレスを css で位置を調整することによって重ねて表示することが可能です。それぞれの円の直径は –diameter によって指定することができます。 […]

IgbDataChart では軸の Overlap プロパティを使用してシリーズ内の要素の重なりの度合いを制御することができます。Overlap プロパティは double 値でマイナスの値から 1 の範囲で設定可能で […]

IgbGrid において、Excel へのエクスポートする際、デフォルトでは Excel の「テーブル形式」として出力されます。本記事では、IgbGrid の Excel エクスポートでテーブル形式を無効化し、通常のセ […]

IgbGrid を使用して、コードビハインドで選択した行を更新する方法について解説します。 IgbGrid の設定まず、IgbGrid を使用してデータを表示する準備をします。@ref ディレクティブを使って、IgbG […]

IgbButton のボタンキャプションは、既定では中央寄せとなっています。このボタンキャプションは、CSS によるスタイル指定で右寄せや左寄せにすることができます。 IgbButton がレンダリングする HTML […]