# 【フォームブリッジ】フィールドにおける入力項目の幅を縮小したい

**URL:** <https://community.cybozu.dev/t/topic/5545>\
**Category:** kintone 開発相談\
**Created:** [2021 年 12 月 10 日午前 1:22 UTC](https://community.cybozu.dev/t/topic/5545 "2021-12-10T01:22:34Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account2852](https://avatars.discourse-cdn.com/v4/letter/l/f17d59/32.png) [@Legacy\_Account2852](https://community.cybozu.dev/u/Legacy_Account2852)\
**Post date:** [2021 年 12 月 10 日午前 1:22 UTC](https://community.cybozu.dev/t/topic/5545/1 "2021-12-10T01:22:34Z")

</div>

お世話になっております。表題の件について質問させていただきます。

実現したいこととしては、フィールド名はそのままで、入力欄のみ幅を変更することです。

↓の赤枠部分のみの幅を変更したい(狭めたい)

コードとしては、以下のコードのように書いていますが、フィールド全体が狭まってしまいます。

```
fb.events.form.created = [function(state) {
state.fields
.find(function(field) {
return field.code === "対象のフィールドコード";
}).style.width = "50px";
return state;
}];

```

&nbsp;

javascript、cssで改修できるものでしょうか。

それとも質問事項はラベルで、入力項目をフィールド名なしで配置するしかないのでしょうか。

ご教示いただければと思います。よろしくお願いいたします。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account382](https://avatars.discourse-cdn.com/v4/letter/l/4491bb/32.png) [@Legacy\_Account382](https://community.cybozu.dev/u/Legacy_Account382)\
**Post date:** [2021 年 12 月 10 日午前 8:50 UTC](https://community.cybozu.dev/t/topic/5545/2 "2021-12-10T08:50:42Z")

</div>

[https://developer.cybozu.io/hc/ja/community/posts/900002825203-%E3%83%95%E3%82%A3%E3%83%BC%E3%83%AB%E3%83%89%E3%81%AE%E5%B9%85%E3%81%AE%E5%9B%BA%E5%AE%9A%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6](https://developer.cybozu.io/hc/ja/community/posts/900002825203-%E3%83%95%E3%82%A3%E3%83%BC%E3%83%AB%E3%83%89%E3%81%AE%E5%B9%85%E3%81%AE%E5%9B%BA%E5%AE%9A%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6)

こちら参考になると思います。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account2852](https://avatars.discourse-cdn.com/v4/letter/l/f17d59/32.png) [@Legacy\_Account2852](https://community.cybozu.dev/u/Legacy_Account2852)\
**Post date:** [2021 年 12 月 17 日午前 1:37 UTC](https://community.cybozu.dev/t/topic/5545/3 "2021-12-17T01:37:24Z")

</div>

[ishikawayuito](https://community.cybozu.dev/hc/ja/profiles/1900324877088-ishikawayuito)様

お世話になっております。返信が遅れて申し訳ございません。

ご連携いただいたサイトを確認し、試行錯誤して何とか実現することができました。

助かりました。ありがとうございます。