igc-dockmanagerにはペインをピン解除した際にタブヘッダーが表示されるdiv領域が左右にあります。 これらの領域の要素に対してcssクラス「unpinned-tab-area–hidden」を追加 […]
Category: Ignite UI for Angular
IgxGrid – セルのフォーマットを変更したい
IgxGrid においてデータのフォーマットをカスタマイズする方法についてご紹介します。本記事では、formatterを使用して、数値データに単位を付加する方法を解説します。 IgxGrid の設定 IgxGrid のf […]
IgxGrid セルの値に応じて行全体の色を変える
IgxGrid でセルの値に応じて行全体の色を変更する方法を紹介します。 本記事では、在庫数に応じて行の色を変える実装を行います。 IgxGrid の設定 IgxGrid のrowClassesに TypeScript […]
IgxGrid – 並べ替えのカスタマイズ ~ ISortingStrategy の応用例 ~
IgxGrid は ISortingStrategy を実装することでソート方法をカスタマイズすることができます。 この方法を応用して、欠損値として “-” や “*” や […]
IgxGrid – dataType が boolean の列で false の時のバツマーク x を消す方法
IgxGrid で IgxColumn の dataType を boolean にすると、 が表示されます。ただ、どちらも印がつくので見分けがつきにくい、特に false のときは何も表示しないようにしたい、といったお […]
IgxInputの高さを変更する
IgxInputの高さはcss設定よって変更することができます。 このようにid指定を行ったinput-groupに対し、以下のようなcss設定でIgxInputの高さを変更できます。(セレクターからidを除けばすべての […]
npm config set ~ を実行時に `//packages.infragistics.com/npm/js-licensed/` is not a valid npm option エラーが発生する
インフラジスティックス Ignite UI 製品の利用にあたり、ライセンス版の npm パッケージを使用するには、こちらのナレッジベース記事に従って、ご自身のアクセストークンを取得の上、「npm config set」コ […]
Windows 上で、Ignite UI for Angular を使用したプロジェクトにて npm install を実行、または ig new を実行するとエラーが発生する
現象 ig new コマンド実行時 Angular アプリケーション向けの UI コンポーネントライブラリ Ignite UI for Angular を使用した Angular プロジェクトを新規作成する場合、予め「n […]
Excel ライブラリーを使用して、Excel のワークシートにあるグラフのシリーズの色を変更する方法
Excel のグラフの色を変更する場合は、Workbook から順に Excel の階層構造をたどって該当するグラフの WorksheetChart を取得し、WorksheetChart オブジェクトの SeriesC […]
IgxGrid – ヘッダー文字列をセンタリングしてもアイコンがあるせいで若干左寄せ(もしくは右寄せ)になってしまう場合のセンタリング方法
IgxGrid のヘッダー文字列のセンタリングはhttps://kb.jp.infragistics.com/?p=11445でできます。 しかしながら、フィルター機能やソート機能を有効化してそれらのアイコンの領域が確保 […]