# ボタンとして機能しているスペースフィールドの大きさを変更したいのですが

**URL:** <https://community.cybozu.dev/t/topic/6156>\
**Category:** kintone 開発相談\
**Created:** [2022 年 7 月 13 日午前 7:48 UTC](https://community.cybozu.dev/t/topic/6156 "2022-07-13T07:48:19Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account2091](https://avatars.discourse-cdn.com/v4/letter/l/fbc32d/32.png) [@Legacy\_Account2091](https://community.cybozu.dev/u/Legacy_Account2091)\
**Post date:** [2022 年 7 月 13 日午前 7:48 UTC](https://community.cybozu.dev/t/topic/6156/1 "2022-07-13T07:48:19Z")

</div>

現在、「日付変換プラグイン」をいうものを使用し、「テーブルへの1ヶ月分の行を生成する機能」を使用しております。

このプラグインの仕様で、スペース要素がボタンとして機能しております。

ところが、このボタンは他の人には押下して欲しくないので、kintoneのアクセス権設定で非表示にしようと考えましたが、スペース要素はアクセス権設定出来ず、ボタン（スペース要素）は画面上に残っております。

苦肉の策で、このボタン（スペース要素）を無地にして、限りなく小さくしようと思いました。

他の記事「スペースフィールドのサイズ変更について」を参考に、下記の.jsファイルを読み込みましたが、ボタン（スペース要素）の大きさは変わりませんでした。。。

cssで大きさを小さくすることは可能でしょうか・・・

↓読み込んだ.jsファイル

(function() {

“use strict”;

&nbsp; // todo delete

&nbsp; kintone.events.on([‘app.record.detail.show’], function(event) {

&nbsp; &nbsp; &nbsp; var space = kintone.app.record.getSpaceElement(‘CAL’).parentNode;

&nbsp; &nbsp; &nbsp; space.style.background = ‘#ddd’;

&nbsp; &nbsp; &nbsp; space.style.width = ‘30px’;

&nbsp; &nbsp; &nbsp; space.style.height = ‘30px’;

&nbsp; &nbsp; &nbsp; return event;

&nbsp; });

})();

↓ボタン（スペース要素）の大きさに変化はありませんでした。。。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account2229](https://avatars.discourse-cdn.com/v4/letter/l/ce7236/32.png) [@Legacy\_Account2229](https://community.cybozu.dev/u/Legacy_Account2229)\
**Post date:** [2022 年 7 月 13 日午前 11:49 UTC](https://community.cybozu.dev/t/topic/6156/2 "2022-07-13T11:49:18Z")

</div>

豊和会 本部さん

再びこんにちは。

&nbsp;

JSで解決する前に標準機能で解決する方法をご提案します。

&nbsp;

スペースにはアクセス権を付けられませんが、グループフィールド内にそのスペースを設置し

グループフィールドに対してアクセス権を付けることは可能です。

&nbsp;

なお、JSでするなら「minWidth」「minHeight」で指定します。

最小のwidth、heightが固定されているため、こちらを変更する必要があります。

```
space.style.minWidth = '30px';
space.style.minHeight = '30px';

```

---

<div class="post-metadata">

**Author:** ![Legacy\_Account2091](https://avatars.discourse-cdn.com/v4/letter/l/fbc32d/32.png) [@Legacy\_Account2091](https://community.cybozu.dev/u/Legacy_Account2091)\
**Post date:** [2022 年 7 月 14 日午前 5:15 UTC](https://community.cybozu.dev/t/topic/6156/3 "2022-07-14T05:15:56Z")

</div>

koichiさん

いつも大変お世話になっております。今回もまたありがとうございます！

教えて頂いたグループフィールドの方法で完璧でした。

そもそも、私自身”ボタンを限りなく小さく表示して。。。”だなんて、果たしてありなのだろうか・・と迷っていたので、思いもよらぬとてもいい方法で解決出来て、とてもうれしいです。

ありがとうございます！

koichiさん、、、わたくし、新たな投稿をさせて頂きまして、、、

そんな事が質問としてありなのか迷いながら「サブテーブル内の数値フィールドのフィールド名を、別フィールドの値で表示したいのですが。。」という投稿を致しました。

koichiさんのお時間のある時に、、、また、、、是非、ご高覧いただき、お知恵を授けて頂けませんでしょうか。。。。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account2229](https://avatars.discourse-cdn.com/v4/letter/l/ce7236/32.png) [@Legacy\_Account2229](https://community.cybozu.dev/u/Legacy_Account2229)\
**Post date:** [2022 年 7 月 14 日午前 6:33 UTC](https://community.cybozu.dev/t/topic/6156/4 "2022-07-14T06:33:32Z")

</div>

ご確認ありがとうございます。

標準機能でできることは標準機能で！

解決に繋がり何よりです。

新たなご質問も覗いてみますね。

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/cybozu/original/1X/d5c841c3c5a6cb66eed514001c1b45147c9e1f4f.png) [@system](https://community.cybozu.dev/u/system)\
**Post date:** [2025 年 5 月 1 日午前 7:26 UTC](https://community.cybozu.dev/t/topic/6156/5 "2025-05-01T07:26:02Z")

</div>

このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。