Ignite UI for Angular

[Ignite UI for Angular 11.1 新機能] IgxDialog にイベント (onOpened/onClosed) が追加されました

Ignite UI for Angular 11.1.4 バージョン時点での情報に基づいています。 IgxDialog にイベント (onOpened/onClosed) が追加されました。ダイアログが開いた後は、 o […]

Ignite UI for Angular 11.1.4バージョン時点での情報に基づいています。 igxSplitterのリサイズ関連イベント(resizeStart/resizing/resizeEnd) が追加されま […]

Ignite UI for Angular 11.1.4バージョン時点での情報に基づいています。 igxTreeGrid の行選択モード (rowSelection) に multipleCascade が追加されました […]

igxDatePicker はテーマを上書きすることで見た目を変更することができます。上記以外のプロパティもご用意しています。詳細は下記リンクをご参考ください。 https://jp.infragistics.com […]

この KB は製品バージョン 11.1.7 をベースにしています。テーマの仕組みを利用してヘッダーテキストの色味を変更することができます。例えば次のように配色を行います。問題但し、このように色味を変更しても、ヘッ […]

この KB は製品バージョン 11.1.7 をベースにしています。 IgxGrid で編集可能列をスタイリングするには、IgxGrid 列（IgxColumn）の cellClasses プロパティにバインドするオブジ […]

列ヘッダーのテキストは以下のcss設定にて改行表示となります。　結果サンプル: https://stackblitz.com/edit/github-5wbcu6-5pqj9k?file=src/app/grid/ […]

セル編集テンプレートを使用してigx-date-pickerを埋め込み、そこでformatとmaskを指定してください。　実行結果　サンプル　リファレンスセル編集テンプレート https://jp.infr […]

セルのテキストを右寄せにするには、justify-content: flex-end;を指定したcssクラスをターゲットの列のcellClassesプロパティに設定します。　結果　リファレンス「IgxColum […]

この KB は製品バージョン 11.1.7 をベースにしています。下記ナレッジベースに類似するシナリオですが、セルの値に応じて異なるスタイルを適用する方法をご紹介します。 IgxGrid 条件に応じてセルにスタイルを […]