Ignite UI for Angular

IgxDataChart ツールチップに表示される内容をカスタマイズする

IgxDataChartでツールチップに表示される内容をカスタマイズする場合は、Angularのng-tempateを使用してカスタマイズしたい内容でテンプレートを作成し、シリーズのtooltipTemplateのその参 […]

igxTooltip を利用することで、UI 要素にツールチップを追加することができます。今回は、igxGrid のセルに igxTooltip を適用して、ツールチップを表示します。下記、実装例です。div#targ […]

マウスオーバーしたデータのデータポイントのデータを取得したい場合は、IgxDataChartのonSeriesMouseEnterイベントを使用してください。このイベントは、シリーズの上にマウスオーバーすると発生します […]

この KB は製品バージョン 11.1.4 をベースにしています。 igxCombo では、アイテムの左横に選択状態を示すチェックボックスが表示されます。このチェックボックスが不要な場合、次のスタイルを適用することでチ […]

この KB は製品バージョン 11.1.4 をベースにしています。 igxTooltip のフォントサイズを変更するには、次のクラスセレクターを利用して font-size プロパティの値を設定します。サンプル gi […]

この KB は製品バージョン 11.1.8 をベースにしています。 IgxCombo のコンボアイテムでは、どのアイテムを選択したかを表現するチェックボックスが配置されています。状況によっては、このチェックボックスを非 […]

カレンダーの日付移動は、 viewDate プロパティに日付を設定することで実現できます。 https://jp.infragistics.com/products/ignite-ui-angular/docs/type […]

1. igx-columnにセル編集テンプレートを使用し、2. セル編集テンプレートにigx-date-pickerを配置し、3. igx-date-pickerでさらにng-templateを埋め込み、4. 3のng- […]

IgxDatePickerは、編集中、未入力部分には”_”が表示されるのですが、それを”0″に変更したい場合は、IgxDatePickerにng-templateを埋め込み […]

Ignite UI for Angular 11.1.4 バージョン時点での情報に基づいています。カレンダーの状態を表現する新しい enum 定義として IgxCalendarView が追加されました。以前までの形 […]