Ignite UI for Angular

IgxMask – placeholder を表示させない方法

IgxMask を適用すると、ユーザー入力を制御して表示される値の書式を設定出来ますが、placeholder プロパティを設定していないとマスク文字が自動的に設定されます。この記事では IgxMask を適用した場合 […]

IgxHierarchicalGrid では親行が展開されたタイミングで子階層のグリッドが生成されます。IgxHierarchicalGridComponent の gridAPI.getChildGrids() メソッ […]

IgxCircularBar の直径は css のカスタムプロパティ –diameter より、また線の太さは –stroke-thickness より変更することができます。以下は円の直径を […]

IgxGrid には同じ値を持つ縦方向に隣接するセルを結合して表示する機能が実装されています。既定では一致するデータを持つセルが自動的に結合されますが、カスタムの条件を設定して結合するように構成することも可能です。ここ […]

IgxDataChart ではシリーズの brush プロパティより色を指定することができますが、単色のみでなく、css の linear-gradient() 関数を使用してグラデーションカラーを設定することも可能です […]

IgxChip は規定の状態で user-select が none に設定されており、内部要素の選択が不可となっています。テキストなど内部の要素を選択可能にするには、以下の css を設定します。 (※特定の igx […]

IgxGeographicMap のマップ上をホバーした際のマウスの位置は plotAreaMouseOver イベントにて取得することができます。イベント引数から現在マウスカーソルのあるプロットエリア上の X および […]

IgxDataChart ではデータ注釈レイヤーを使用してチャートのプロットエリア(背景)に線や矩形などを追加することができます。この機能を使用し、プロットエリアの背景色を部分的に変更することが可能です。このような折れ […]

縦棒チャートの柱の色は IgxColumnSeriesComponent の brush プロパティによってシリーズ事に指定することができますが、同一のシリーズ内で柱ごとに色を指定する場合は assigningCateg […]

この記事では、行削除の確認ダイアログを表示し、ユーザーが「キャンセル」を選んだ場合には削除処理を中止する方法を紹介します。 IgxGrid の設定 rowDeleteイベントを利用すると、削除直前に処理を挟むことができま […]