ポータル画面のタブについて

kintone カスタマイズ
1

下図のように、kintone portal designerでポータル画面にタブを表示しています。

困っている所は、例えば『タブ3』の『アプリ2』を開いて、再度ポータル画面に戻ると、
『タブ1』が表示されてしまいます。
※デフォルトが『タブ1』になっている為ですが…

『タブ3』の『アプリ2』を開いて、再度ポータル画面に戻した場合、『タブ3』を表示する方法はどの様にすればよろしいのでしょうか？

2

kintone_TS44さん

cookieに開いていたタブの情報を保存すれば良いと思います．

kintone portal designerのJavaScriptコードを少し書き換えて実装できます．

...

var handleClick = function (evt) {
  ...
  var tabNumber = getTabNumber(evt.target);
  setCookie('portalTabNumber', tabNumber); //←追加
  removeAllTabPanelActive();
  tabPanelEls[tabNumber].classList.add('advanced-panel-contents--active');
};

...

//↓追加
var setCookie = function (key, value) {
  document.cookie = key + '=' + value;
}
var getCookie = function (key) {
  var cookie = document.cookie.split(';').map(function(cookie){
    return cookie.split('=');
  }).find(function(cookie){
    return cookie[0] === key;
  });
  return cookie ? cookie[1] : null;
};
var defaultTabNumber = getCookie('portalTabNumber') || 0;
removeAllButtonActive();
buttonEls[defaultTabNumber].classList.add('advanced-tab--active');
removeAllButtonExpanded();
buttonEls[defaultTabNumber].setAttribute('aria-expanded', 'true');
removeAllTabPanelActive();
tabPanelEls[defaultTabNumber].classList.add('advanced-panel-contents--active');
3

江田様

ご回答誠にありがとうございました。

無事、思い通りの動きになりました。