【Bubble】画面遷移 Part3 ボタン以外からの画面遷移方法解説 ~ ノーコードプログラミング ~ #32

Bubble

ノーコードプログラミングのBubbleの解説をやっていきます。

Bubbleは僕もまだまだ勉強中な部分も非常に多いので備忘的な部分も多く含めているのをご了承ください。



ボタン以外からの画面遷移

Bubbleの画面遷移は非常に簡単に設定することができます。

ボタンであればボタンのメニューから「Add Workflow」から追加することができますが、ボタン以外だと「Add Workflow」が表示されません。

そんなボタン以外からの画面遷移方法を解説していきます。




スポンサーリンク

ボタンからの画面遷移方法

今回は遷移元のページと遷移先のページを以下の様に作成しました。

遷移元ページ

遷移元ページ


遷移先ページ

遷移先ページ




「Bubble」でボタン以外から画面遷移しよう

ボタン以外からの画面遷移方法

1-1.今回のを実行すると次のような感じになります。

画面遷移_ボタン以外_挙動




1-2.画面遷移のリンクを作成するために要素名を変更します。

画面遷移_要素名変更



1-3.「Workflow」メニューを押下します。

画面遷移_workflow




1-4.「Click here to add an event …」の「Elements」の「An Elements isclicked」メニューを押下すると要素に対してのイベントを追加することができます。

画面遷移_Clickheretoevent
画面遷移_Clickheretoevent_イベント追加





今回はここまで。

次回も画面遷移について解説していきます。

コメント