0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Dynamics365 CE jQueryによるDOM操作

Last updated at Posted at 2019-03-26

どうしても画面のデザインを変更したいということはあると思います。
Dynamics365CEのWEBリソースを使ってDOM操作をする方法です。
Dynamics 365, version 9.0

#####1.やりたいこと
キャプチャ.PNG
取引先企業の取引先企業名タイトルを赤くしたい。

#####2.WEBリソースの準備
2-1.PNG
webリソースを新規追加する。ファイルの拡張子は.jsにすること。
テキストエディタボタンを押下し、下記のソースとする。

function init(){
    console.log($('#name_cl', window.parent.document).text());
    $('#name_cl', window.parent.document).css('cssText', 'color: #f00!important');
}

jQueryのセレクタには、window.parent.documentを指定する。
あとは画面のマークアップを参考に適当に。importantも必要に応じて指定する。

#####3.フォームライブラリの設定
3.PNG
jQueryの読み込みのないフォームはjQueryを追加する。Dynamics365内のライブラリでもいいし、自分で追加してもいい。
2の項目で自作したjsファイルを追加する。

3-2.PNG
フォームのonloadイベントに自作したjsファイルの実行を追加する。

#####4.結果
4.PNG
赤くなった。

jQueryのセレクタはマークアップの影響をもろに受けるので、この方法の採用は慎重に。

参考
https://docs.microsoft.com/ja-jp/dynamics365/customer-engagement/developer/use-javascript#use-of-jquery

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?