Edited at

kintoneの画像スライドショーからクリックでレコードを開く

More than 1 year has passed since last update.


どういうこと?

こういうことです。

demo.gif

kintoneのデフォルトの機能では、添付ファイルのサムネイルをスライドショーで表示できますが、その写真をクリックしても該当のレコードを開いてくれません。

そこでJavaScriptでカスタマイズすることにしました。


コード

(function(){

document.body.addEventListener('DOMNodeInserted', function(event){
if(event.target.className == 'slideshow-cybozu'){
var slideshow = event.target;
slideshow.addEventListener('DOMNodeInserted', function(event){
if(event.target.tagName == 'IMG'){
var img = event.target;
if(img.parentElement.className.includes('slide-image-cybozu')){
img.style.cursor = 'pointer';
img.onclick = function(){
var params = new URLSearchParams(img.src);
var rec_id = params.get('record');
open(`/k/${kintone.app.getId()}/show#record=${rec_id}`);
}
}
}
});
}
})
})();


インストール方法

kintoneのヘルプを参照して下さい。