「レコードを追加する」画面と「レコードの詳細をする」画面を開いた時に、ある位置に常に画像を表示させたいのですが、どうすればよろしいでしょうか。
ススム様
お世話になっております。
cstapの江田と申します。
インターネット上に公開されている画像でしたら、下記のコードで実装できるかと思います。
新しく用意した画像を使用したい場合は、Dropbox等にアップロードして共有リンクを取得するのが良いかと思います。
(function() {
"use strict";
kintone.events.on(['app.record.create.show','app.record.edit.show'], function() {
var parent = document.getElementById('record-gaia'); //追加する場所のid
var image = document.createElement('img');
image.src = 'https://mydevasset.blob.core.windows.net/system-container/image/logo-cybozu.png'; //載せる画像のURL
parent.appendChild(image);
});
})();
江田様
お世話になております。
ススムです。
教えていただきまして、ありがとうございます。
さっそく教えて頂いた内容で試してみましたが、
うまく表示されない状態です。
頂いた内容を1.jsというファイル名にしております。
設定内容に不備がございましたら、教えてください。
(function() {
"use strict";
kintone.events.on(['app.record.create.show','app.record.edit.show'], function() {
var parent = document.getElementById('Large_Image'); //追加する場所のid←ここはフォーム作成でスペースを用いて要素IDを「Large_Image」という名前にして設定しました。
var image = document.createElement('img');←ここの'img'は特に変更する必要はございませんか？
image.src = 'https://mydevasset.blob.core.windows.net/system-container/image/logo-cybozu.png'; //載せる画像のURL
parent.appendChild(image);
});
})();
頂いた内容を1.jsというファイル名にしております。
宜しくお願い致します。
追記
失礼しました、「レコードを追加する」画面では表示されましたが、
「レコードの詳細をする」画面では表示されませんでした。
江田様
ススムです。
たびたび申し訳ございません。
「レコードを追加する」画面と「レコードの詳細をする」画面ともに表示することができました。
ありがとうございました。
横から失礼します。
よく使っている、カスタマイズを使わない方法（裏ワザ的？）をご紹介します。
- ネット上の画像でもいいのですが、kintoneの中に画像ファイル置き場アプリを作って、そこに添付ファイルとして保存します。
- その画像をkintoneで表示させた状態で、画像をコピーします。
- 貼り付けたいアプリのフォームの設定で、「ラベル」フィールドを設置し、設定画面の本文中に貼り付けます。
これで、編集画面（新規追加も）、詳細表示画面においても、フォームの中に画像を設置することができます。
※画像ファイル置き場アプリのレコードにアクセス権が必要です。
※ChromeとIE11（Windows10）で検証しています。
参考：
画像置き場アプリで、画像をコピーします。
ラベルフィールドを設置し、画像を貼り付けます。
このように表示されます。
このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。