# FormBridgeで回答完了後、Kviewerの一覧画面に遷移したい

**URL:** <https://community.cybozu.dev/t/topic/9943>\
**Category:** kintone 開発相談\
**Created:** [2025 年 1 月 14 日午前 3:45 UTC](https://community.cybozu.dev/t/topic/9943 "2025-01-14T03:45:25Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![seaflour](https://sea1.discourse-cdn.com/flex015/user_avatar/community.cybozu.dev/seaflour/32/1958_2.png) [@seaflour](https://community.cybozu.dev/u/seaflour)\
**Post date:** [2025 年 1 月 14 日午前 3:45 UTC](https://community.cybozu.dev/t/topic/9943/1 "2025-01-14T03:45:25Z")

</div>

KviewerとFormBridge連携させているのですが  
回答完了後、Kviewerの一覧画面に遷移させたいです。  
下記の記事を読んでいたのですがトヨクモの石川様のリンクが  
なくなってしまったので再度質問させていただきました。

> [@kviewer からform bridge連携の回答完了時、kviewerの一覧画面のリンクを回答完了画面に表示させたい](https://community.cybozu.dev/t/topic/6271):
>
> kviewerとform bridgeを連携させ、 kviewerの一覧 → kviewerの詳細画面 → formbridge → 回答完了 させた時に、form bridgeからkviewerの一覧画面に戻りたいです。 過去に下記のコードを教えていただきましたが、完了画面の仕様が変わったようで使えなくなりました。 現在の場合はどのようにしたら良いでしょうか？ ご教示いただければ幸いで…

よろしくお願いいたします。

---

<div class="post-metadata">

**Author:** ![aaa](https://sea1.discourse-cdn.com/flex015/user_avatar/community.cybozu.dev/aaa/32/277_2.png) [@aaa](https://community.cybozu.dev/u/aaa)\
**Post date:** [2025 年 1 月 15 日午前 8:24 UTC](https://community.cybozu.dev/t/topic/9943/2 "2025-01-15T08:24:03Z")

</div>

検索しましたがリンク先で参照している投稿がどれかはわかりませんでした。

以下が参考になると思います。  
【フォームブリッジ】回答完了画面のカスタマイズについて - kintone カスタマイズ - cybozu developer community

> [@【フォームブリッジ】回答完了画面のカスタマイズについて](https://community.cybozu.dev/t/topic/7789):
>
> お世話になります。 フォームブリッジ回答完了画面内にある 「ご回答ありがとうございます！」の下に、 「続けて入力される方はこちら（formbridgeの別フォームURL）」を追加したいと考えているのですが、 HTML形式での入力でカスタマイズすることは、可能なのでしょうか。 過去の投稿をいくつか探してみたのですが、 該当しそうな投稿が見つからず・・・。 恐れ入りますが、ご教示頂けまし…

「遷移させたい」というのが、ユーザーが操作せず「自動で」ということであれば、JavaScriptで  
`fb.events.finish.created` イベントか `fb.events.finish.mounted` イベント  
を使う必要があります。

ユーザーがリンクをクリックして移動するのであれば、formbridgeの管理画面からhtmlで一覧ページへのリンクを追加することになるとおもいます。

---

<div class="post-metadata">

**Author:** ![aaa](https://sea1.discourse-cdn.com/flex015/user_avatar/community.cybozu.dev/aaa/32/277_2.png) [@aaa](https://community.cybozu.dev/u/aaa)\
**Post date:** [2025 年 1 月 15 日午前 8:28 UTC](https://community.cybozu.dev/t/topic/9943/3 "2025-01-15T08:28:58Z")

</div>

kViewer＋フォームブリッジ連携での編集後の処理を変えたい - kintone カスタマイズ - cybozu developer community

> [@kViewer＋フォームブリッジ連携での編集後の処理を変えたい](https://community.cybozu.dev/t/topic/3802):
>
> お世話になっております。 Kintoneアプリの情報をkViewerを使ってリスト表示しています。 併せてフォームブリッジ連携をすることで、リストから編集ができるようにしています。 ここで1つのレコードの編集を行う場合 1.kViewerのリストの「詳細ボタン」を押す 2.kViewerで詳細表示されるので「フォームブリッジの編集ボタンを押す」 3.フォームブリッジが開かれるので当該項…

リンク先はこれだったかも知れません。

---

<div class="post-metadata">

**Author:** ![seaflour](https://sea1.discourse-cdn.com/flex015/user_avatar/community.cybozu.dev/seaflour/32/1958_2.png) [@seaflour](https://community.cybozu.dev/u/seaflour)\
**Post date:** [2025 年 1 月 16 日午前 6:17 UTC](https://community.cybozu.dev/t/topic/9943/4 "2025-01-16T06:17:45Z")

</div>

aaa様  
沢山ありがとうございます！  
リンク先を参考にこのJSをFormbrigeに読み込ませたのですが  
画面が自動で遷移してくれません。  
エラー等は出てないですが理由は分かるでしょうか？

```javascript
(function () {
  'use strict';
  fb.events.finish.created = [
    function (state) {
      var kViewerCode = location.search.match(
        /\_\_kViewerViewCode\_\_=(.\*?)(&|$)/
      );
      if (kViewerCode) {
        location.href =
          'https://viewer.kintoneapp.com/public/' + kViewerCode[1];
      }
    },
  ];
})();

```

---

<div class="post-metadata">

**Author:** ![aaa](https://sea1.discourse-cdn.com/flex015/user_avatar/community.cybozu.dev/aaa/32/277_2.png) [@aaa](https://community.cybozu.dev/u/aaa)\
**Post date:** [2025 年 1 月 16 日午前 6:35 UTC](https://community.cybozu.dev/t/topic/9943/5 "2025-01-16T06:35:36Z")

</div>

if文のところにブレークポイントをつけて、if文の内側が実行されているか確認してみませんか？  
kViewerCode の中身は取得できていますか？

* * *

試していないですが、こんな形でも問題ないかもしれません。  
回答完了ページが作られてから3秒後にkViewerの一覧ページに移動とか。

```javascript
(() => {
    fb.events.finish.created = [
        (state) => {
            setTimeout(() => {
                // kViewer一覧画面のURLに書き換える
                const listViewPageURL = 'https://community.cybozu.dev/t/topic/9943'
                location.href = listViewPageURL;
            }, 3000); // 3秒待機
            return state;
        }
    ];
})();

```

---

<div class="post-metadata">

**Author:** ![seaflour](https://sea1.discourse-cdn.com/flex015/user_avatar/community.cybozu.dev/seaflour/32/1958_2.png) [@seaflour](https://community.cybozu.dev/u/seaflour)\
**Post date:** [2025 年 1 月 17 日午前 7:07 UTC](https://community.cybozu.dev/t/topic/9943/6 "2025-01-17T07:07:24Z")

</div>

aaa様  
ありがとうございます！  
無事教えて頂いたコードで一覧画面に遷移する事が出来ました！！

---

<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 年 1 月 20 日午前 7:07 UTC](https://community.cybozu.dev/t/topic/9943/7 "2025-01-20T07:07:58Z")

</div>

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