Forum Discussion

LorraineChung's avatar
LorraineChung
Qrew Trainee
7 years ago

how do I create a button that allows the user to continue to the next tab

We are creating a public form with multiple sections. Using the new tab section makes the form looks a lot neater, which is great, but there doesn't seem to be a way for us to indicate to the user whe...
App builders
Ask about Quickbase functionality
Forms
MichaelHalbrein's avatar
MichaelHalbrein
Qrew Cadet
7 years ago
having trouble getting image uploaded.  to try to describe the scenario ... on tab 1, the button sits at the bottom of the form from the beginning (e.g. it is always shown).  The user answers multiple questions on the form.  The last MC question (Yes or No) sits just above the button.  If the user selects yes, the 2nd tab shows up (the 2nd tab is otherwise hidden).  The 2nd tab is hidden from the start and only shows when Yes is selected to that question.  If the user selects No then it remains hidden.  In this latter scenario, the button, when clicked, should go to the 3rd tab that is always shown.  I hope this helps?!


AlexWilkinson's avatar
AlexWilkinson
Qrew Assistant Captain
7 years ago
Modifying just the first line of the script seems to solve the problem. Here's the full script:

var nextTabLink=$("li.ui-tabs-selected").nextAll(":visible").children("a:first");
$("#saveAndKeepWorkingMenuOption").click();
var noErrorDialog=$('#qbDialog').length==0;
if( noErrorDialog ){
$(nextTabLink).click();
location.assign("#mainBodyDiv");
};