Kintoneのポータルトップを自由にカスタマイズしたい

kintone カスタマイズ
1

Kintoneの標準機能ではポータル画面は自由にカスタマイズできない、という認識です。

 

カスタムポータルを作るのであれば、

Garoonを別途契約してGaroon経由でKintoneを利用する。もしくは、

DOM操作でポータル画面を一度非表示にして画面を書き直す。

ぐらいしかないでしょうか？

 

また、外部に用意したHTMLをKintoneトップページに呼び出せたりしないでしょうか？

 

2

全体のJSとCSSを駆使して、ある程度はなんとかなるかもしれません。

下記が参考になるとおもいます。

http://kintone-blog.cybozu.co.jp/developer/000182.html

3

https://kintoneapp.com/blog/kintone_app_index/

 

このあたりを参考にしてみて無理矢理作って観ました。

※リンク先のjsが動かなかったので・・・。

 

jQuery(function($) {
"use strict";
function aaaaa() {
// ヘッダを消す
$(".gaia-argoui-select.ocean-portal-dropdown-menu[title='表示するアプリを切り替える']").css("display", "none");
//さらにを消す
$(".gaia-argoui-appscrollinglist-readmore:last").css("display", "none");
// アプリの一覧を消す
$(".gaia-argoui-appscrollinglist-list:last").children().remove();
// ツリーを作る
$(".gaia-argoui-appscrollinglist-list:last").append("<div id='tree'></div>");

$('#tree').jstree({
core: {
'themes': {
"variant": "large"
},
'data' : [
{
'text':'アプリ一覧',
'state':{
'opened':true,
'selected':true
},
'children' : [
{ 'text':'お知らせ','url':'https://xxxxx.cybozu.com/k/66/' },
{ 'text':'議事録管理','url':'https://xxxxxx.cybozu.com/k/158/' },
{ 'text':'××管理','url':'https://xxxxxx.cybozu.com/k/278/' },
{ 'text':'○○箱','url':'https://xxxxxxx.cybozu.com/k/162/' },
{ 'text':'雑談広場','url':'https://xxxxxx.cybozu.com/k/148/' }
]
}
]
},
types: {
'#': {
valid_children: []
},
'default': {
valid_children: []
},
folder: {
icon: 'https://static.cybozu.com/contents/k/image/argo/header/home_20151016.png'
},
file: {
icon: 'https://static.cybozu.com/contents/k/image/argo/header/star_20151016.png'
}
},
plugins: [
'types'
]
})
.bind("select_node.jstree", function (e, data) {
// ただし右クリック時は飛ばさない
var evt = window.event || event;
var button = evt.which || evt.button;
if (button !== 1 && (typeof button !== "undefined")) {
return false;
}
var href = data.node.original.url;
location.href = href;
});
}
setTimeout(aaaaa, 2000);
return event;
});