# 一覧画面ヘッダー部分のサイズ拡張について

**URL:** <https://community.cybozu.dev/t/topic/2858>\
**Category:** kintone 開発相談\
**Created:** [2018 年 2 月 9 日午前 4:11 UTC](https://community.cybozu.dev/t/topic/2858 "2018-02-09T04:11:37Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account2034](https://avatars.discourse-cdn.com/v4/letter/l/ea666f/32.png) [@Legacy\_Account2034](https://community.cybozu.dev/u/Legacy_Account2034)\
**Post date:** [2018 年 2 月 9 日午前 4:11 UTC](https://community.cybozu.dev/t/topic/2858/1 "2018-02-09T04:11:37Z")

</div>

お世話になります。1つのアプリに複数のプラグインを設定しています。

メールワイズ連携プラグインや出力系のプラグインなどですが、

表示が競合してしまいボタンの下半分が切れてしまったり、完全に見えなくなってしまいます。

ヘッダー部分が狭いことが原因ではないかと考えたのですが、こちら広くする方法はありますでしょうか。本コミュニティで探しましたが見つかりませんでした･･･

&nbsp;

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1566](https://avatars.discourse-cdn.com/v4/letter/l/b19c9b/32.png) [@Legacy\_Account1566](https://community.cybozu.dev/u/Legacy_Account1566)\
**Post date:** [2018 年 3 月 5 日午前 8:00 UTC](https://community.cybozu.dev/t/topic/2858/2 "2018-03-05T08:00:54Z")

</div>

（１）スクリプトなら、下記のような指定でどうでしょうか？  
&nbsp;&nbsp;&nbsp; kintone.events.on(‘app.record.index.show’, function(event) {  
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;var obj = kintone.app.getHeaderMenuSpaceElement();  
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;obj.style.height = “300px”;  
&nbsp;&nbsp;&nbsp; });

（２）CSSの場合、下記のような指定でどうでしょうか？  
&nbsp;&nbsp; &nbsp;.gaia-argoui-app-index-toolbar{  
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; height: 200px;  
&nbsp;&nbsp; &nbsp;}

&nbsp;&nbsp; &nbsp;※CSSの場合の注意点は、cybozu側でkintoneのデザイン変更などにともない、  
&nbsp;&nbsp; &nbsp; ヘッダ部分のクラス名（gaia-argoui-app-index-toolbar）が変更されると、  
&nbsp;&nbsp; &nbsp; 高さ指定が無効になるので、ご注意下さい。

&nbsp;

これで、期待する動作となってますでしょうか？

ご質問の際に、具体的に表示がどのように切れてるかの画面と、期待する画面はどのようなものかも合わせてイメージ図など貼られると、コミュニティの人に意図が伝わりやすいかと存じます。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account2034](https://avatars.discourse-cdn.com/v4/letter/l/ea666f/32.png) [@Legacy\_Account2034](https://community.cybozu.dev/u/Legacy_Account2034)\
**Post date:** [2018 年 3 月 8 日午前 2:25 UTC](https://community.cybozu.dev/t/topic/2858/3 "2018-03-08T02:25:39Z")

</div>

**[田口 裕生](https://community.cybozu.dev/hc/ja/profiles/4642247646-%E7%94%B0%E5%8F%A3-%E8%A3%95%E7%94%9F)様**

ご回答いただきましてありがとうございます。

質問に情報が不足しており、申し訳ありませんでした。

いただいた内容でヘッダの高さを拡張することが出来、期待した動作を実現できました。

ありがとうございました！