# 【kViewer】ヘッダー部分にボタンをつけたい

**URL:** <https://community.cybozu.dev/t/topic/6087>\
**Category:** kintone 開発相談\
**Created:** [2022 年 6 月 21 日午前 4:11 UTC](https://community.cybozu.dev/t/topic/6087 "2022-06-21T04:11:14Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account1628](https://avatars.discourse-cdn.com/v4/letter/l/90db22/32.png) [@Legacy\_Account1628](https://community.cybozu.dev/u/Legacy_Account1628)\
**Post date:** [2022 年 6 月 21 日午前 4:11 UTC](https://community.cybozu.dev/t/topic/6087/1 "2022-06-21T04:11:14Z")

</div>

お世話になっております。

kViewerリストビューのヘッダーにHTMLやJavaScriptで

ボタンを設置することは可能でしょうか。

そのボタンを押下するとFormBridgeのリンクに飛ぶようなものを実装できたらと思っております。

ご教示よろしくお願いいたします。

---

<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 年 6 月 23 日午前 2:14 UTC](https://community.cybozu.dev/t/topic/6087/2 "2022-06-23T02:14:16Z")

</div>

小林花子さん

こんにちは。

&nbsp;

以下で私が回答しているような形でボタンを作成すれば可能です。

[フォームブリッジ Kviewerルックアップ ボタンで入力値を表示](https://community.cybozu.dev/hc/ja/community/posts/4928846826265-%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0%E3%83%96%E3%83%AA%E3%83%83%E3%82%B8-Kviewer%E3%83%AB%E3%83%83%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97-%E3%83%9C%E3%82%BF%E3%83%B3%E3%81%A7%E5%85%A5%E5%8A%9B%E5%80%A4%E3%82%92%E8%A1%A8%E7%A4%BA)

&nbsp;

kViewerのリストビューのヘッダーであれば

fb.getElementByCode(‘label’).appendChild(button); ではなく

kv.space.header.getTopSpace().appendChild(button); とすれば良いのかなと思います。

&nbsp;

もしくは、document.getElementsByClassNameでクラス指定してHTML要素を取得するかですね。

kViewerで使用しているクラスは以下に記載があります。

[kViewer JavaScriptカスタマイズ](https://kviewer.kintoneapp.com/help/ja/customize#:~:text=CSS%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%82%A4%E3%82%BA-,%E3%82%AF%E3%83%A9%E3%82%B9,-%E3%83%93%E3%83%A5%E3%83%BC%E3%81%AE%E4%B8%BB%E8%A6%81)

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1628](https://avatars.discourse-cdn.com/v4/letter/l/90db22/32.png) [@Legacy\_Account1628](https://community.cybozu.dev/u/Legacy_Account1628)\
**Post date:** [2022 年 6 月 23 日午前 2:57 UTC](https://community.cybozu.dev/t/topic/6087/3 "2022-06-23T02:57:58Z")

</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:** [2024 年 9 月 6 日午前 5:04 UTC](https://community.cybozu.dev/t/topic/6087/4 "2024-09-06T05:04:36Z")

</div>

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