# プラグイン Open url in a new tabの設定 **URL:** \ **Category:** bubble\ **Created:** [2021 年 12 月 26 日午前 10:45 UTC](https://www.nocode-faq.com/t/topic/2472 "2021-12-26T10:45:53Z")\ **Posts on this page:** 12\ **Page:** 1
**Author:** ![richtetsuya](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/richtetsuya/32/5163_2.png) [@richtetsuya](https://www.nocode-faq.com/u/richtetsuya)\ **Post date:** [2021 年 12 月 26 日午前 10:45 UTC](https://www.nocode-faq.com/t/topic/2472/1 "2021-12-26T10:45:53Z")
プラグイン Open url in a new tabの使い方を教えていただきたいです。 エディター > **[Bubble Editor - F00000000d](https://bubble.io/page?type=page&name=index_opennewtab&id=f00000000d&tab=tabs-1)** > > Build stuff without code and launch a startup without a tech-cofounder! Bubble is a visual programing language. Instead of typing code, use a visual editor to build applications. プレビュー > **[Bubble - Visual Programming](https://f00000000d.bubbleapps.io/version-test/index_opennewtab?debug_mode=true)** > > Build stuff without code and launch a startup without a tech-cofounder! Bubble is a visual programing language. Instead of typing code, use a visual editor to build applications. 'opennewtab page’の 'repeatinggroup food’の 'button 詳細へ’でnew tab で商品詳細ページ(外部)を開くworkflowを組んでいます。 1回目は正常にうごくのですが、 再度’opennewtab page’に戻り、別のfoodの 'button 詳細へ’を押しても正常に動きません。 原因わかる方いらっしゃいましたらご教授いただきたいです。 ---
**Author:** ![jansnap](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/jansnap/32/6599_2.png) [@jansnap](https://www.nocode-faq.com/u/jansnap)\ **Post date:** [2021 年 12 月 28 日午前 12:14 UTC](https://www.nocode-faq.com/t/topic/2472/2 "2021-12-28T00:14:13Z")
エディタ拝見しました。 「今のあなたにおすすめの食べ物」を押すと毎回別なタブで開けましたので、「Open url in a new」プラグインの問題ではないように思います。 「詳細へ」ボタンのWorkflowはどうなっているでしょうか？ ---
**Author:** ![richtetsuya](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/richtetsuya/32/5163_2.png) [@richtetsuya](https://www.nocode-faq.com/u/richtetsuya)\ **Post date:** [2021 年 12 月 28 日午後 1:08 UTC](https://www.nocode-faq.com/t/topic/2472/3 "2021-12-28T13:08:42Z")
ご返信いただきありがとうございます。 水平方向のrepeating groupにしており、3レコードを登録しています。 『詳細へ』ボタンはfood typeのurl fieldを参照してクリック時にurlに飛ぶようにしていますが、これの2回目のクリック時にワークフローが反応しなかったり、別のレコードのurlに飛んだりします😅 ---
**Author:** ![jansnap](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/jansnap/32/6599_2.png) [@jansnap](https://www.nocode-faq.com/u/jansnap)\ **Post date:** [2021 年 12 月 29 日午前 12:58 UTC](https://www.nocode-faq.com/t/topic/2472/4 "2021-12-29T00:58:55Z")
Repeating Group food 内の「詳細」ボタンにはIDがふられていますが、3つある食べ物が全て「food2」というIDになっています。 そのため、最初のボタンにのみ「\」というリンクが付けられています。 ボタンごとにIDを変えれば解決するかと思います。 ---
**Author:** ![richtetsuya](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/richtetsuya/32/5163_2.png) [@richtetsuya](https://www.nocode-faq.com/u/richtetsuya)\ **Post date:** [2021 年 12 月 29 日午前 6:20 UTC](https://www.nocode-faq.com/t/topic/2472/5 "2021-12-29T06:20:17Z")
jansnapさん ありがとうございます！ repeatinggroup内に詳細ボタンを置いているのですが、 この場合はbuttonのidを1つしか設定できないのでしょうか？ ![90280D99-CA72-4972-A235-43176F3B5F5D](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/e/eb9add76a75f637abfae2b446c49bc6e552e0b95.jpeg) ---
**Author:** ![jansnap](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/jansnap/32/6599_2.png) [@jansnap](https://www.nocode-faq.com/u/jansnap)\ **Post date:** [2021 年 12 月 30 日午前 12:53 UTC](https://www.nocode-faq.com/t/topic/2472/6 "2021-12-30T00:53:11Z")
IDはページ内でユニークである必要があります。 今回はRepeating Group内に3つのセルがあり、その中にボタンが配置されているので、「food2」というIDが3つ存在しています。 (Preview画面で確認してみてください) Insert dynamic dataを使って、「food2-Current cell’s index」のようにすれば、「food2-1」「food2-2」「food2-3」というユニークなIDにすることができます。 ---
**Author:** ![richtetsuya](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/richtetsuya/32/5163_2.png) [@richtetsuya](https://www.nocode-faq.com/u/richtetsuya)\ **Post date:** [2022 年 1 月 1 日午後 2:45 UTC](https://www.nocode-faq.com/t/topic/2472/7 "2022-01-01T14:45:34Z")
jansnapさん 返信遅くなってしまい申し訳ございません。 ご指摘通りに修正しましたら解決できました！ current cell’s indexをページ名以外で使う場面があることに感動しました！！ 本当にありがとうございました！！ ---
**Author:** ![richtetsuya](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/richtetsuya/32/5163_2.png) [@richtetsuya](https://www.nocode-faq.com/u/richtetsuya)\ **Post date:** [2022 年 1 月 1 日午後 2:57 UTC](https://www.nocode-faq.com/t/topic/2472/8 "2022-01-01T14:57:57Z")
jansnapさん みなさま 度々すみません。 dropdownの選択肢(辛い)を選び、「button 決定する」をクリック後に 「Image おすすめの食べもの」をクリックすると別タブで開けるのですが、 もう一度bubble pageのタブに戻り、 dropdownで別の選択肢(甘い)を選んで同様の動作確認をしても １回目での選択肢のurl(辛い)を新しいタブで開いてしまいます。 こちらの原因の解決方法もご存知であればご教授いただけないでしょうか。 ---
**Author:** ![jansnap](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/jansnap/32/6599_2.png) [@jansnap](https://www.nocode-faq.com/u/jansnap)\ **Post date:** [2022 年 1 月 2 日午前 2:20 UTC](https://www.nocode-faq.com/t/topic/2472/9 "2022-01-02T02:20:23Z")
このプラグインは、ページの読み込み時にリンクを生成して、それ以降は（ページ内のdropdownのどれを選択したかが変わっても）リンク先は変わらないようです。 そのため、ずっと\という固定のidにリンク先が紐づいてしまい、初回に選んだリンク先に遷移しているように見えます。 「image おすすめの食べもの」をクリックした時のWorkflowに指定しているElement IDを、今は「food1」に固定になっていますが、dropdownの選択肢に応じて変えればうまくいくと思いますー。 ---
**Author:** ![richtetsuya](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/richtetsuya/32/5163_2.png) [@richtetsuya](https://www.nocode-faq.com/u/richtetsuya)\ **Post date:** [2022 年 1 月 2 日午後 1:33 UTC](https://www.nocode-faq.com/t/topic/2472/10 "2022-01-02T13:33:07Z")
jansnapさん Element IDの設定をdo a search forを使いconstraintにdropdownに紐づくcustom stateを指定することで解決しました！！ jansnapさんのおかげでElement ID設定の奥深さを知る事ができました。 至らない点だらけにも関わらずご丁寧に対応してくださり、 本当にありがとうございました！！ ---
**Author:** ![jansnap](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/jansnap/32/6599_2.png) [@jansnap](https://www.nocode-faq.com/u/jansnap)\ **Post date:** [2022 年 1 月 3 日午前 12:44 UTC](https://www.nocode-faq.com/t/topic/2472/11 "2022-01-03T00:44:46Z")
解決できて良かったです！😄 ---
**Author:** ![richtetsuya](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/richtetsuya/32/5163_2.png) [@richtetsuya](https://www.nocode-faq.com/u/richtetsuya)\ **Post date:** [2022 年 1 月 3 日午後 1:15 UTC](https://www.nocode-faq.com/t/topic/2472/12 "2022-01-03T13:15:55Z")
jansnap様 みなさま 何度もすみません。 解決できたと思ったのですが、 urlのcustom stateの上書きをプラグインが反映させられない場合があります(下記の場合)。 ページ更新しない場合、一度選んだことのある選択肢のページに遷移せず、直前に初めて選んだ選択肢のページに遷移します。 ex.-------------------------------------------------------------------------------- 選択肢は3つあります(「辛い」「甘い」「すっぱい」)。 ○辛い→甘い→すっぱい ×辛い→ **甘い** →辛い ×辛い→甘い→ **すっぱい** →辛いor甘い 最後まで行っても太文字のページに遷移します。 * * * 改善方法ありませんでしょうか。